Виджет комментариев ВКонтакте для Blogger
Всем привет! Спешу рассказать, как установить на свой блог форму добавления комментариев ВКонтакте для Blogger
Поехали:
Заходим на страницу - http://vk.com/developers.php?oid=-1&p=Comments, создаем приложение комментариев Вконтакте для своего блога. Там всё достаточно просто и понятно, думаю вы разберетесь.
Идем дальше.
После того как вы создали приложение комментариев Вконтакте и настроили по вашему усмотрению, заходим на страницу "прочитать полную документацию по работе виджета", все что нам там понадобится это самый верхний код.
Выглядит он так:
<script src="http://userapi.com/js/api/openapi.js" type="text/javascript" charset="windows-1251"></script>
Копируем этот код, заходим Blogger / шаблон / изменить HTML / пропустить / Расширить шаблоны виджета.
Находи закрывающий тег </head> и выше него устанавливаем скопированный код.
Возвращаемся на эту страницу - href="http://vk.com/developers.php?oid=-1&p=Comments, копируем верхнюю часть сгенерированного кода.
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?54"></script>
<script type="text/javascript">
VK.init({apiId: 8.....1, onlyWidgets: true});
</script>
вставляем этот код, так же перед закрывающим тегом </head>
Далее находим в коде шаблона строчку:
<b:includable id=’comment-form’ var=’post’> <blockquote>
<div class=’comment-form’> и заканчивается
<data:post.iframeColorizer/>
выделяем текст который находится между:
<div class=’comment-form’>
------------------
------------------
</div>
удаляем и вставляем оставшуюся часть кода комментариев Вконтакте.
<span style="color: #274e13;">
<!-- 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: "*"});
</script><br>
</span>
Сохраняем и радуемся :)
Заходим на страницу - http://vk.com/developers.php?oid=-1&p=Comments, создаем приложение комментариев Вконтакте для своего блога. Там всё достаточно просто и понятно, думаю вы разберетесь.
Идем дальше.
После того как вы создали приложение комментариев Вконтакте и настроили по вашему усмотрению, заходим на страницу "прочитать полную документацию по работе виджета", все что нам там понадобится это самый верхний код.
Выглядит он так:
<script src="http://userapi.com/js/api/openapi.js" type="text/javascript" charset="windows-1251"></script>
(совет! перед тем как что-то менять в шаблоне не забываем делать резервную копию шаблона)
Находи закрывающий тег </head> и выше него устанавливаем скопированный код.
Возвращаемся на эту страницу - href="http://vk.com/developers.php?oid=-1&p=Comments, копируем верхнюю часть сгенерированного кода.
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?54"></script>
<script type="text/javascript">
VK.init({apiId: 8.....1, onlyWidgets: true});
</script>
вставляем этот код, так же перед закрывающим тегом </head>
Далее находим в коде шаблона строчку:
<b:includable id=’comment-form’ var=’post’> <blockquote>
(чтобы найти нажимаем Ctrl+f)Сразу под ней будет код который начинается с:
<div class=’comment-form’> и заканчивается
<data:post.iframeColorizer/>
выделяем текст который находится между:
<div class=’comment-form’>
------------------
------------------
</div>
удаляем и вставляем оставшуюся часть кода комментариев Вконтакте.
<!-- 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: "*"});
</script><br>
</span>
Сохраняем и радуемся :)
у меня не получилось
ОтветитьУдалитьГор Аслоян, что именно не получилось?
ОтветитьУдалитьМне последнее время, начинает казаться, что эта платформа blogger позволяет создать полноценный сайт. Я первый раз слышу о том что можно вставлять форму комментариев из вк. Раз это действительно возможно, я постараюсь реализовать у себя, если получиться, то вам большое спасибо!
ОтветитьУдалить