Frequently asked questions Custom Code

How do I place two VK.com widgets in a row?

How do I place two VK.com widgets in a row?

Examples below require knowledge of Javascript and CSS. Tilda Customer Support does not assist in code-related questions.

Add block T123 from the "Other" category and use this 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>

Replace 89546664 with your community ID.

More about Vkontakte widget: https://vk.com/dev/widget_community

Remember to keep the ID of the div element different for each widget.

Was this answer helpful?
Yes
0
No
0
Views: 421