よくある質問 カスタムコード

VK.comウィジェットを2つ並べるには?

VK.comウィジェットを2つ並べるには?

以下の例では、JavascriptとCSSの知識が必要です。Tilda カスタマーサポートでは、コードに関するご質問はお受けしておりません。

その他」カテゴリーからブロック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をあなたのコミュニティIDに置き換えてください。

Vkontakteウィジェットの詳細:https://vk.com/dev/widget_community

div要素のIDは、ウィジェットごとに異なることを忘れないでください。

この回答は役に立ちましたか?
はい
0
いいえ
0
ビュー15843