Đăng bởi Huy 00:09 0 nhận xét

Vào trang Facebook Developers Page
Tạo ứng dụng mới và thiết lập như hướng dẫn bên dưới


Bây giờ là lúc chúng ta đưa comments FB vào bài viết. Các bạn làm theo từng bước sau

  • Chú ý: Hãy chắc chắn rằng bạn. Để làm điều này đầu tiên đi vào Cài đặt
Sau đó các bạn vào Blogger> Thiết kế> Edit HTML

  • Sao lưu mẫu của bạn để nhỡ xảy ra sai sót. Tốt hơn hết hãy tạo thành một thói quen cho việc này :D

Chọn Mở rộng mẫu tiện ích (Expand Widget Templates)
Tìm kiếm <html và thêm ngay sau đoạn code sau
xmlns:fb='http://www.facebook.com/2008/fbml'
Tìm thẻ
<body>
Hoặc
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Dán đoạn code sau vào ngay dưới thẻ vừa tìm được
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39;APP_ID của bạn ( ở bước 3)&#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>
Tìm thẻ </head> và dán trước nó  đoạn code sau
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='Tên blog của bạn' property='og:site_name'/>
<meta content='Ảnh đại diện cho blog của bạn' property='og:image'/>
<meta content='APP_ID của bạn' property='fb:app_id'/>
<meta content='link facebook của bạn hoặc link fan page' property='fb:admins'/>
<meta content='article' property='og:type'/>
Sau đó tìm
&lt;b:includable id='comment-form' var='post'&gt;
Dán đoạn code sau vào ngay phía dưới nó
&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt; 
&lt;div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'&gt;&lt;script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/&gt; 
&lt;div&gt; &lt;fb:comments  colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='520'/&gt;&lt;/div&gt; 
&lt;div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'&gt;Facebook Blogger Plugin: Bloggerized by &lt;b&gt;&lt;a alt='blogger templates' href='http://www.allblogtools.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'&gt;AllBlogTools.com&lt;/a&gt;&lt;/b&gt; Enhanced by &lt;b&gt;&lt;a alt='blogger widgets' href='http://www.mybloggertricks.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'&gt;MyBloggerTricks.com&lt;/a&gt;&lt;/b&gt;&lt;/div&gt;&lt;/div&gt; 
&lt;/b:if&gt;
 
Lưu mẫu lại và xem tác phẩm của mình nào :D

♥ Đánh giá

♥ Chia sẻ bài viết này với bạn bè





2B Group ♥: Luôn luôn mong muốn bạn tìm thấy điều gì đó có ích cho chính bạn từ webblog mini này ♥
♥ Kết nối: Facebook,Google+

♥ Bài viết trên thuộc chuyên mục:


♥ Bình luận bằng tài khoản facebook:


♥ Phản hồi của bạn đọc:
(Chèn icon vào comment theo kí tự đã được mã hóa ở phía dưới icon)