Адаптивный виджет вКонтакте на сайт

Активно формируется и пополняется группа почитателей нашего сайта вКонтакте. Встречайте наших первых подписчиков и участников группы. Спешите вступить в нашу группу и оставляйте ваши комментарии к нашим сообщениям. Группа вКонтакте - это некая альтернатива и способ быстрого получения информации.


Но, цель этой публикации не только в том, чтобы представить группу. У нас адаптивный шаблон сайта и нам был нужен адаптивный виджет группы для сайта. Вы можете теперь смело делать ресайз страницы и виджет адаптируется под размеры сам. А вот и код который позволяет это реализовать:
<div id="vk_widget" > <div id="vk_groups"></div> </div> Конечно же понадобится:
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script> И код скрипта:

 function VK_Widget_Init(){
 document.getElementById('vk_groups').innerHTML = "";
 var vk_width = document.getElementById('vk_widget').clientWidth;
 VK.Widgets.Group("vk_groups", {mode: 0, width: vk_width, height: "241",
 color1: "FFFFFF", color2: "2B587A", color3: "5B7FA6"}, 89409984);
 };
 window.addEventListener('load', VK_Widget_Init, false);
 window.addEventListener('resize', VK_Widget_Init, false);