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


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

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

Образцы кода ниже требуют понимания 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 укажите идентификатор вашего сообщества.

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

Подробнее о виджете ВКонтакте Community Widget Documentation.

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

Подробнее о функции вставки html кода читайте в нашем руководстве Вставка html кода.


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


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


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