ВОПРОСЫ И ОТВЕТЫ


← К СПИСКУ ВОПРОСОВ

Как разместить два виджета Вконтакте в один ряд?

Образцы кода ниже требуют понимания Javascript и CSS. Поддержка Тильды не сможет помочь по вопросам о коде.

Вам нужно использовать блок T123 (из раздела «Другое») и указать такой код:

<script src="//vk.com/js/api/openapi.js"></script>

<div id="vk_group1" style="display: inline-block; width: 33%;"></div>
<div id="vk_group2" style="display: inline-block; width: 33%;"></div>

<!-- VK Widgets -->
<script>
VK.Widgets.Group("vk_group1", {mode: 0, width: "auto", height: "200", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 89546664);
VK.Widgets.Group("vk_group2", {mode: 0, width: "auto", height: "200", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 89546664);
</script>


Где вместо 89546664 нужно указать идентификатор вашего сообщества.

Результат такого кода на опубликованной странице:

Подробнее по виджету Вконтакте: https://vk.com/dev/widget_community

Важно также соблюдать, чтобы id элемента div были разные для каждого виджета.


Этот ответ был полезен?
Нет
Да


← К СПИСКУ ВОПРОСОВ Просмотры: 1293


Сообщить о нарушении прав
Если вы считаете, что пользователь Tilda Publishing нарушает ваши права, отправьте нам сообщение через форму
Как связаться с поддержкой
Для консультаций по функциям платформы используйте форму обратной связи в вашем личном кабинете или напишите на team@tilda.cc
Для бухгалтерии
Получить закрывающие документы или подтверждение платежа — напишите на docs@tilda.cc
Made on
Tilda