воскресенье, 18 декабря 2011 г.

Комментарии Вконтакте

Прикрутил к блогу возможность комментировать при помощи аккуанта соц. сети Вконтакте. Запишу, как это сделать. В первую очередь для себя на будущее.


Тут заполнил форму для получения ID
Далее в панели управления блогом иду Шаблон->Изменить HTML->Приступить.
Ставлю галочку "Расширить шаблоны виджета"
Первую часть кода(apiId: 2723694 у вас будет другой):
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?45"></script>

<script type="text/javascript">
  VK.init({apiId: 2723694, onlyWidgets: true});
</script>
поставил после тега <head>, либо можно поставить перед закрывающим тегом </head>
Теперь открываем форму поиска слов на странице. Она есть в любом браузере и открывается нажатием клавиш Ctrl+F. Ищем class='comment-form'. Сразу после строки <div class='comment-form'> вставляем вторую полученную нами часть кода:
<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "496", attach: "graffiti,photo,video,audio"});
</script>
Если же хотите, чтобы форма Вконтакте была ниже стандартной формы, то поставить код лучше перед закрывающим тегом </div&gt.
Или вместо всей той части кода, которая находится между  <div class='comment-form' > и </div>, если хотите избавиться от стандартной формы.

Что бы увеличить изображение - кликните по нему.

P.S.: Не пропусти прогресс, подпишись на RSS

AddThis

LinkWithin

Related Posts Plugin for WordPress, Blogger...