Страницы

суббота, 25 сентября 2010 г.

Комментарии в Blogger под профилем Facebook

Тащемта, сделать такое чудо не сложно. Голый копипаст.
Будет выглядеть как-то так:




1. Заходим в facebook developers. Заполняем поля:
  • Site map -- название сайта (приложения). Например: dander comments.
  • Site URL -- ссылка на сайт, куда хотите прикрепить виджет. Например: http://denisoffav.blogspot.com
  • Create application.

2. После нажатия, вам выдадут Application ID и другую ненужную информацию.
Можно не сохранять, на странице ваших приложений всегда можно будет посмотреть необходимую информацию.

3. Заходим в настройки блога в раздел Дизайн -->; Изменить HTML. Ставим галку на "Расширить шаблоны виджета".
Код, для вставки (не забудьте вставить ваш Application ID вместо слов "ВАШ_Application_ID"):


<b:if cond='data:blog.pageType == "item"'>
<!-- Facebook comments BEGIN -->
<div id='fb-root'/> <script> window.fbAsyncInit = function() { FB.init({appId: &#39;ВАШ_Application_ID&#39;, status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement(&#39;script&#39;); e.async = true; e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;; e.async = true; document.getElementById(&#39;fb-root&#39;).appendChild(e); }()); </script> <fb:comments width='500'/>
<!-- Facebook comments END --> 
</b:if>

Чтобы виджет находился над комментариями встроенной системы, код лучше поместить внутри слоя: <div class='post-footer-line post-footer-line-3'>
Т.к. у меня так же есть виджет оценок, то и комменты от facebook поместил после него: <b:if cond='data:top.showReactions'>

С небольшими изменениями подобным образом можно вставить фэйсбук комментарии и в разных других сайтах.

PROFIT!

2 комментария: