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

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