Будет выглядеть как-то так:
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: 'ВАШ_Application_ID', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').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!
пасиб!!!
ОтветитьУдалитьспасибо, то, что как раз искал
ОтветитьУдалить