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

    0
    258

    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. 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 Blogger

    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:  Tại sao doanh nghiệp cần có một website ?

    BÀI VIẾT LIÊN QUANXEM THÊM