HomeChèn khung bình luận vào blog
Saturday, 11 July 2015
Chèn khung bình luận vào blog
Chèn khung bình luận vào blog cực kỳ đơn giản nhé, tích hợp khung bình luận sẽ rất tiện lợi cho việc trao đổi thông tin qua lại giữa admin và độc giả
Bước 1: Đăng nhập vào blogger, vào Mẫu chọn "Chỉnh sửa HTML".
Bước 2: Thêm đoạn mã bên dưới vào trước thẻ đóng </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>
Bước 3: Thêm đoạn code bên dưới vào trước thẻ đóng </head><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 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="600"></div>';
//]]>
</script>
Lưu ý://<![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="600"></div>';
//]]>
</script>
- data-num-posts="5: Số nhận xét được hiển thị.
- data-width="600: Độ rộng của khung bình luận.
Bước 4: Chèn khung nhận xét facebook vào vị trí thích hợp trong blogspot
Thông thường ta sẽ chèn ngay phía bên dưới bài viết. Tìm một trong các đoạn code sau:
<b:include data='post' name='post'/>
Thêm đoạn code sau vào bên dưới đoạn vừa tìm được:
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
Bước 5: Lưu mẫu và kiểm tra<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
Chúc các bạn thành công ^!^
Bài liên quan
Comments[ 0 ]
Post a Comment