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

Освен това изглежда много по добре от стандартното поле за коментари на blogger и наистина е един страхотен ресурс за блогърите, така че какво чакате?
Внимание: Направете резервно копие на шаблона си!
1. Изключете текущите си коментари в blogger, като отидете в Настройки -> Коментари и сложете отметка върху скриване на коментарите. Запишете промените .
2.Отидете на страницата за разработчици във Facebook (Facebook developers page) за да създадете ново приложение.
3. Създайте ново приложение (new app) с информация за вашия блог, както е показано по-долу.
4. Ще се покаже екрана с настройки. Най - горе в страницата ще видите ( App ID ), което ще ви трябва за по нататък.

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

и запишете промените.
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 : ' App ID ',
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('script');
e.src = document.location.protocol + '//connect
.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').
appendChild(e);
}());
</script>
</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 == "item"'> <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>
15. Включете отново коментарите, като отидете в Настройки -> Коментари и махнете отметка върху скриване на коментарите.
16.Запазете промените и сте готови.


