На момент написания данной заметки в моей группе ВК состоит 36 участников. Разместив такой виджет на своем сайте, вряд ли кого то удивишь или похвастаешь, а платить деньги за фейковых обитателей и вовсе не интересно, когда можно сделать фейк-блок:
На данном примере я воспользовался пользователями группы "Часы СССР" своего друга. Но при желании можно воспользоваться группой МДК, Бузовой или другими (я не знаю какая сейчас самая много-подписываемая)
Как это работает:
Мы берем два виджета и накладываем друг на друга. В итоге у нас получается название и кнопка "подписаться" от нашего, а пользователи от другого.
HTML и JS:
1 2 3 4 5 6 7 8 9 10 11 |
<div class="vk-wrap"> <div id="vk_groups"></div> <div class="vk-wrap-gr-2"> <div id="vk_groups-2"></div> </div> </div> <script type="text/javascript" src="//vk.com/js/api/openapi.js?160"></script> <script> VK.Widgets.Group("vk_groups", {mode: 3, width: "auto", color1: "FFF", color2: "000", color3: "337AB7"}, 139814286); // ID Вашей группы VK.Widgets.Group("vk_groups-2", {mode: 3, width: "auto", color1: "FFF", color2: "000", color3: "337AB7"}, 69092832); // ID Чужой группы </script> |
CSS:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
.vk-wrap { position: relative; } #vk_groups { position: relative; top: 0; width: 100%; } .vk-wrap-gr-2 { height: 80px; overflow: hidden; bottom: 43px; position: absolute; width: 100%; } #vk_groups-2 { bottom: -43px; position: absolute; width: 100%; } |
Для того чтобы оба блока появились одновременно, можно добавить небольшой скрипт:
1 2 3 |
window.onload = function() { document.getElementsByClassName('vk-wrap')[0].style.visibility = 'visible'; } |
.vk-wrap
добавить visibility: hidden;
А бана не будет за такие подставные данные?
Если честно не знаю, но тут нет никакого вмешательства в процесс работы виджета.
А вот на смартфоне блоки разьезжаются, пробывал подкрутить, не получается. Может есть решение?
А можно ссылку на скрин?
У меня нормально
Спасибо! Разобрался! Был конфликт скриптов. Все отлично работает!
Скажите пожалуйста, а что правили и где? То же криво на моб версии.
Ну как? Ставили на сайт?
Блин, прикольная штучка)) Нужно попробывать, если сработает, то вообще супер))))