Сергей Горячев

У вас же есть весь код сайта под рукой - screen.webirus.ru/2015-10-08_215644.png

<canvas data-trid="48" style="background: rgb(35, 35, 35) none repeat scroll 0% 0% / contain ; height: 770px; width: 1100px; transition-property: none; opacity: 1;" height="770" width="1100"></canvas>

Собственно, читайте про canvas и делайте аналог.

falbar.ru/article/id/50
А вообще, решений масса. Это проверял сам. Через PHP ловите из базы новости и грузите.

Беру код примера и объясняю.

<div id="vk_widget">
    <div id="vk_groups"></div>
</div>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
<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: "2B2B2B", color2: "FFFFFF", color3: "2B2B2B"}, 26292363);
    };
    window.addEventListener('load', VK_Widget_Init, false);
    window.addEventListener('resize', VK_Widget_Init, false);
</script>

Ошибка тут: width: vk_width
Сделайте width: auto
А для блоков укажите размеры 100%

#vk_widget, #vk_groups {
    width: 100%;
}

Иногда скрипт не обрабатывает auto, можно попробовать в кавычках 'auto'.

Нет времени объяснять.
habrahabr.ru/post/141687
Да и уже все рассказано было.

Не совсем понятен вопрос: что значит "срабатывал клик по блоку с классом z2"?
Какой результат функции должен быть?

$(document).ready(function(){
    $('#slider_2').bxSlider({
      displaySlideQty: 1,
    });
  });

Соответственно, меняйте displaySlideQty и будет вам несколько слайдов.