Dưới đây là hộp comments facebook đạt chuẩn HTML5 mà tôi muốn gởi đến các bạn vì một blog khi đã đạt đến chuẩn này thì seo nó khá dễ dàng các bạn ạ. Đặc biệt thủ thuật blogspot mà tôi sắp giới thiệu ở đây tích hợp responsive co giản trên tất cả các thiết bị di động.
Thủ thuật thêm comments facebook chuẩn HTML5 cho blogspot
 |
| Thủ thuật thêm comments facebook chuẩn HTML5 cho blogspot |
Blogger settings > Mẫu > Chỉnh sửa HTML
Bước 1 : Thêm 2 đoạn thẻ meta cấu hình app cũng như admin quảng trị hộp comments trên facebook của bạn. Có nghĩa là khi làm thế này thì bạn có thể quản trị xóa hoặc ẩn những bình luận mà bạn không thích. Dán đoạn code dưới thẻ <head>
<meta content=’YOUR_APP_ID ‘ property=’fb:app_id’/>Bước 2 : Dán đoạn code sau dưới thẻ <body> để cấu hình app ID cho thủ thuật tiện ích comments facebook của bạn.
<meta content=’http://www.facebook.com/username‘ property=’fb:admins’/>
<div id='fb-root'/>Bước 3 : Bây giờ là lúc chúng ta cho hiển thị comments facebook này ở nơi nào mà mình thích nhưng thông thường thì tôi hay đặt nó ở dưới
<script type='text/javascript'>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR-FB-APP-ID',
status : true, // check login status cookie : true, // enable cookies xfbml : true // parse XFBML });
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
//]]>
</script>
<div class='post-footer-line post-footer-line-1'>Chèn ngay dưới nó
<b:if cond='data:post.isFirstPost'> <script>(function(d){Thế là xong đơn giản chỉ cần có thế bạn đã có ngay một thủ thuật tốt với hộp comments facebook chuẩn html5 cho blogspot của mình rồi nhé.
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<div style='margin: 20px 0 0 0;background:white;border:1px solid silver;'><fb:comments colorscheme='light' data-version='v2.3' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='100%'/></div>
</b:if>
<div class='clear'/>