Cách chèn ô comment facebook cho Blogspot nhanh gọn

Chào các bạn, hôm nay mình sẽ hướng dẫn các bạn chèn ô comment facebook cho blogspot nhanh nhất không cần dùng app của facebook !

Đây là ảnh Ví dụ :

1. Đăng nhập vào Trang tổng quan Blogger. Chọn Mẫu, chọn tiếpChỉnh sửa HTML.

2. Chèn đoạn mã dưới đây vào trước mã </body>

<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

3. Chèn đoạn mã dưới đây vào trước mã </head>

<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="550"></div>';
//]]>
</script>

Với 5, 550 lần lượt là: Số nhận xét hiển thị và Chiều rộng của khung nhận xét. Ở đây bạn có thể để width = 100% tức là nó sẽ co vừa đủ chiều rộng 

4. Bấm Ctrl+F để tìm đến đoạn mã:

<b:include data='post' name='post'/>

Chèn đoạn mã dưới đây vào ngày sau đoạn mã vừa tìm được:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>

5. Bấm Lưu mẫu để hoàn thành. Kiểm tra kết quả

Posted in: blogspot, mẹo blog