Sunday, February 23, 2014

Cách thêm commnet facebook vào Blogspot


Cách thêm phần comment
facebook cho blogspot. Chèn khung Comment Facebook vào Blogspot .Hướng dẫn chi
tiết thêm comment facebook vào blogspot













Bước 1 - Đăng nhập vào blogger





Bước 2 - Chọn mẫu template
blog





Bước 3 - Chọn chỉnh sửa HTML à Edit HTML





Bước 4 - Thêm đoạn mã bên
dưới vào trước thẻ </body> hoặc ở vị trí nào để bạn có thể nhớ được.





<div
id="fb-root"></div>


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





Và đoạn code sau lên trên 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="540"></div>';


//]]>


</script>





Lưu ý : tùy vào template của
các bạn mà chỉnh sửa nhé





data-num-post=10 : số comment
hiển thị. Nếu quá sẽ tự động gộp comment lại


data-width=620 : chiều rộng
khung comment








Cách thêm commnet facebook vào Blogspot





Bước 5 - Tìm đoạn code như sau: <b:include data='post' name='post'/>





- Rồi pase ngay dưới nó đoạn
code sau:





<b:if
cond='data:blog.pageType == &quot;item&quot;'>


<script
type='text/javascript'>


document.write(fbcm);


</script>


</b:if>







Lưu lại vậy là Xong ! chúc các bạn vui vẻ và thành công

Tags: , , ,

1 Responses to “Cách thêm commnet facebook vào Blogspot”

Unknown said...
February 2, 2016 at 8:00 PM

Hay quá. lại thêm một thủ thuật để tùy chỉnh cho blogspot. Cảm ơn Ad đã chia sẻ.
----------------------------------------
Vé máy bay Jetstar: Ba tiếng mỗi ngày – Thỏa ước mơ bay với chất lượng hàng không đẳng cấp thế giới và giá cả không thể hợp lý hơn cho các đường bay nội địa và quốc tế.

Xem thêm về Jetstar: Giá vé máy bay Jetstar | Jetstar khuyến mãi | Đặt vé Jetstar giá rẻ


Post a Comment

Advertisements

advertissing

Subscribe

Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio. Duis mollis

© 2014 MediaTek. All rights reserved.
Designed by NHN8289