Wie platziere ich zwei VK.com-Widgets hintereinander?

Die folgenden Beispiele erfordern Kenntnisse in Javascript und CSS. Tilda Kundendienst hilft nicht bei Fragen zum Code.

Fügen Sie den Block T123 aus der Kategorie "Andere" hinzu und verwenden Sie diesen Code:

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

Ersetzen Sie 89546664 durch Ihre Community-ID.

Mehr über Vkontakte widget: https://vk.com/dev/widget_community

Denken Sie daran, die ID des div-Elements für jedes Widget unterschiedlich zu halten.