Thêm comment của facebook vào blogspot
Để cho blog thêm bắt mắt hơn, thì hôm nay mình xin giới thiệu đến các bạn một thủ thuật nhỏ đó là chèn comment facebook vào blog của mình.
1- Để chèn comment của Facebook vào blog của mình, bước đầu tiên các bạn phải làm là đóng comment của blogger lại bằng cách vào setting (cài đặt), sau đó chọn posts and comments (Bài đăng và nhận xét). Tại mục comment location (Vị trí nhận xét) các bạn chọn Hide (Ẩn) là được.
- Lưu cài đặt lại.
2- Tiếp theo, các bạn vào phần Mẫu (Template) -> chỉnh sửa HTML (Edit HTML). Bấm Ctr + F tìm đoạn thẻ đóng </head>. Sau đó chèn đoạn code bên dưới vào trước thẻ đóng </head>.
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
3- Bước tiếp theo, các bạn chèn đoạn code bên dưới vào sau thẻ <body>
4- Tiếp theo, tìm đoạn code như bên dưới :
<b:include data='post' name='post'/>
5- Chèn ngay sau nó đoạn code khung bên dưới.
6- Lưu Mẫu (Save template), và tận hưởng thành quả của mình nhé các bạn. Chúc các bạn thành công.
1- Để chèn comment của Facebook vào blog của mình, bước đầu tiên các bạn phải làm là đóng comment của blogger lại bằng cách vào setting (cài đặt), sau đó chọn posts and comments (Bài đăng và nhận xét). Tại mục comment location (Vị trí nhận xét) các bạn chọn Hide (Ẩn) là được.
2- Tiếp theo, các bạn vào phần Mẫu (Template) -> chỉnh sửa HTML (Edit HTML). Bấm Ctr + F tìm đoạn thẻ đóng </head>. Sau đó 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>
//<![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
3- Bước tiếp theo, các bạn chèn đoạn code bên dưới vào sau thẻ <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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
4- Tiếp theo, tìm đoạn code như bên dưới :
<b:include data='post' name='post'/>
5- Chèn ngay sau nó đoạn code khung bên dưới.
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
6- Lưu Mẫu (Save template), và tận hưởng thành quả của mình nhé các bạn. Chúc các bạn thành công.
