Breaking News
Home blogspot Cách chèn khung comment facebook cho blogspot đơn giản

Cách chèn khung comment facebook cho blogspot đơn giản

tháng 6 03, 2017

Tin liên quan:

Thông thường, blogspot đều có khung comment riêng, tuy nhiên, người đọc thường quen với giao diện comment bằng facebook hơn so với việc comment bằng khung chat của blogspot hiện nay(nói chung theo cá nhân mình thì mình cóc thích giao diện comment mặc định của blogspot chút nào, nhìn sida vãi zzz. Cái này mình thấy vậy, ý kiến cá nhân thôi chứ mình ko biết mọi người có cảm thấy như vậy không). Do đó, hôm nay mình sẽ hưỡng dẫn cách chèn khung comment facebook cho blogspot.


Chèn khung comment facebook cho blogspot


Bước 1: Bạn truy cập vào trang blogger, sau đó vào Cài Đặt => Bài đăng và nhận xét  sau đó chọn ẩn vị trí nhận xét để tắt khung comment mặc định của blog đi nhé!!

Bước 2: Vào phần Mẫu (Template) -> chỉnh sửa HTML (Edit HTML) -> nhấp chọn Mở rộng tiện ích mẫu. => Chèn đoạn code bên dưới vào trước thẻ đóng </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="660"></div>';
//]]>
</script>
Trong đó:

  • data-width là độ rộng của comment box.
  • data-num-posts là số comment được hiển thị (cũng chính là số bài reply trên 1 comment)
  • data-href là để phân biệt từng comment box, mỗi địa chỉ data-href khác nhau sẽ cho 1 comment box khác nhau. và trong thủ thuật này data-href chính là link của mỗi bài viết
Bước 3: Tìm thẻ <body> và chèn đoạn code sau đây vào bên dưới

<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>
Bước 4: Tìm kiểm đoạn code

<b:include data='post' name='post'/>
Bước 5: Chèn đoạn code này vào bên dưới đoạn code phía trên

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
Bây giờ chỉ cần lưu lại là đã xong

Xem thêm: Cách tạo trang diễn đàn bằng blogspot

Tags :
Được tạo bởi Blogger.