Hướng dẫn thêm comment Facebook cho Blogspot trong 60S

Chào các bạn. Sau đây, công ty thiết kế web OSVN sẽ hướng dẫn các bạn thêm comment facebook vào blogger(blogspot) trong vòng 60s. Có nhiều hướng dẫn trên mạng nhưng quá rườm rà khiến các bạn mất thời gian và có thể làm sai. Xem hướng dẫn dưới đây nhé, đơn giản lắm :D .

Bước 1: Đăng nhập vào Blogger.com chọn website blog cần thêm comment
Bước 2: Chọn Template(Mẫu)-> Edit HTML(Chỉnh sửa HTML)

Bước 3: Đặt chuột vào code và nhấn Ctrl + F tìm kiếm thẻ </head> và thêm đoạn code sau vào trước nó:
<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="8" data-width="660"></div>';
  //]]>//Demo by http://ithietkeweb.net
</script>
-> Kết quả: 
Bước 4: Đặt chuột vào code và nhấn Ctrl + F tìm thẻ </body> và thêm đoạn code sau vào trước nó
<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/vi_VN/all.js#xfbml=1&quot;; fjs.parentNode.insertBefore(js, fjs); }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
-> Kết quả:

Bước 5: Đăt chuột vào code và nhấn Ctrl + F tìm đến đoạn code <b:include data='post' name='post'/> và thêm đoạn code dưới đây vào ngay sau đoạn code vừa tìm được

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

-> Kết quả:

Bước 6: Nhấn Save(Lưu mẫu) lại và kiểm tra kết quả

Hy vọng nó sẽ thực sự càn thiết cho các bạn chuyên blogger, thiết kế web với blogger. Bạn có thắc mắc gì hãy để lại comment phía dưới bài viết này chúng ta sẽ cùng thảo luận.