Фейсбук кутия за коментари в блогър

   В тази статия ще ви покажа, как лесно да добавите Facebook полето за коментари в Blogger. Този плъгин може да се вгради във всеки блог или сайт, като посетителите могат да оставят коментар чрез профила си във Facebook, Yahoo, AOL и Hotmail, без да е необходимо да се регистрират.Тези коментари ще се показват и на стената ви във Facebook, това е особено полезно ако искате да подчертаете някой коментар или просто да започнете интересен разговор.Тази система също така идва  и с основните инструменти за модериране, като изтриване на коментари, проверка за спам и т.н. 
Освен това изглежда много по добре от стандартното поле за коментари на blogger и наистина е един страхотен ресурс за блогърите, така че какво чакате?

Внимание: Направете резервно копие на шаблона си!

1. Изключете текущите си коментари в blogger, като отидете в Настройки -> Коментари и сложете отметка върху скриване на коментарите. Запишете промените .

2.Отидете на страницата за разработчици във Facebook (Facebook developers page) за да създадете ново приложение.

3. Създайте ново приложение (new app) с информация за вашия блог,  както е показано по-долу.



4. Ще се покаже екрана с настройки. Най - горе в страницата ще видите ( App ID ), което ще ви трябва за по нататък.


5. Въведете името на вашия домейн и URL адреса на сайта ви, както е показано на долната снимка. Запазете промените.


Забележка:  Ако все още нямате собствен домейн в полето на App Domain въведете blogspot.com
и запишете промените.

6.  Сега отидете в таблото за управление в Blogger -> Дизайн -> Редактиране на HTML кода (Отбележете – Шаблоните на приставките да се разгъват ).

7. Намерете с помоща на  (Ctrl + F)

<html

  8. Заменете го със следния код:

<html xmlns:fb='http://www.facebook.com/2008/fbml'

9. Намерете:

<body>

10.Добавете следния код, точно под него.

<div id='fb-root'/> 
  <script> 
  window.fbAsyncInit = function() { 
  FB.init({ 
  appId  : &#39; App ID &#39;, 
  status : true, // check login status 
  cookie : true, // enable cookies to allow the server to 
  access the session 
  xfbml  : true  // parse XFBML 
  }); 
  }; 
  (function() { 
  var e = document.createElement(&#39;script&#39;); 
  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>
източник:: Facebook developers 
Забележка:  Заменете - App ID с вашето App ID.

11. Намерете: 

</head>

12. Добавете тези отворени мета тагове точно над него.

<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content=' Утопия - БГ ' property='og:site_name'/>
<meta content=' Адрес на блог лого изображение ' property='og:image'/>
<meta content=' App ID ' property='fb:app_id'/>
<meta content=' http://www.facebook.com/utopia.bg ' property='fb:admins'/>
<meta content='article' property='og:type'/> 
Забележка:
Заменете - Утопия - БГ с името на вашия блог.
Заменете - Адрес на блог лого изображение с адреса на вашето блог лого изображение.
Заменете - App ID с вашето App ID.
Заменете - http://www.facebook.com/utopia.bg с Facebook с вашето App ID
13. Сега намерете този код:
<b:includable id='comment-form' var='post'>

14. Добавете следния код, точно под него.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <div> <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='500'/> </div></div> </b:if>
Забележка: Можете да промените ширината на кутията като замените width='500' с желаната  ширина. Също така можете да промените и цветовата схема от светла (light) към тъмна (dark), както и да смените езика от (en_US) на (bg_BG)

15. Включете отново коментарите, като отидете в Настройки -> Коментари и махнете отметка върху скриване на коментарите.

16.Запазете промените и сте готови.


Харесва ти това, което намираш тук, обичаш да четеш материали в RSS четец!!! Ето линк. към нашия RSS фийд.
Ако искаш да кажеш нещо на всички, присъедини се към нас като изпратиш материала си на e-mail: office@utopia-bg.com
BGtop
Към началото