Pages

Chủ Nhật, 23 tháng 2, 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

Không có nhận xét nào:

Đăng nhận xét