Wie platziere ich zwei VK.com Widgets in einer Reihe?

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

Fügen Sie den Block T123 aus der Kategorie "Sonstiges" 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 das Vkontakte-Widget: https://vk.com/dev/widget_community

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