Jak umieścić dwa widżety VK.com pod rząd?

Poniższe przykłady wymagają znajomości Javascript i CSS. Obsługa klienta Tilda nie pomaga w kwestiach związanych z kodem.

Dodaj blok T123 z kategorii "Inne" i użyj tego kodu:

<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>

Zastąp 89546664 swoim identyfikatorem społeczności.

Więcej informacji o widżecie Vkontakte: https://vk.com/dev/widget_community

Pamiętaj, aby identyfikator elementu div był inny dla każdego widżetu.