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

Leave a Comment

0 nhận xét:

Đăng nhận xét

Popular Posts