Thứ Hai, 29 tháng 8, 2016

Hướng dẫn chèn khung comment facebook vào blog

Hướng Dẫn Tạo Comment Facebook Cho Blogspot

Chèn khung comment vào Blogspot

them khung comment cho blog

Facebook là cộng đồng mạng lớn nhất thế giới với hàng tỉ tài khoản sống 
Để tạo nên sự chuyên nghiệp và tiện ích cho blog mình xin giới thiệu với các bạn cách chèn khung comment facebook vào blog :
Như vậy  thì khách truy cập có thể để lại nhận xét[Cảm nhận về bài viết ] để ta biết và phát triển blog hơn 
Comment của khách cũng là một cách giúp ta seo blog ....Thể hiện sự quan tâm của mọi người đến blog .
tao khung comment cho blog

Các bước thực hiện như sau :

Bước 1: Các bạn vào Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)

Bước 2: Ctrl + F tìm tới thẻ đóng </head> và sao chép code dưới đây ngay bên trên nó:

 <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="650"></div>';
//]]>
</script>
Trong đó:
data-num-post="5":          đây chính là số bình luận hiển thị ra
width="650":                    đây là độ rộng của khung comment.Các bạn thay đổi tùy ý 

Bước 3: Bạn tìm tới <body> và dán đoạn code dưới đây ngay dưới nó:

<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 4: Bạn tìm tới đoạn: <b:include data='post' name='post'/> và dán đoạn code dưới đây ngay bên dưới nó"

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>

Bước 5: Lưu mẫu lại và xem kết quả

Note: Bạn hoàn toàn có thể tìm với vị trí mà bạn muốn để comment Facebook theo ý bạn bằng cách tìm tới khu vực <DIV> của nó và dán vào.
Hãy tạo sự thân thiện cho blog của bạn .
Bạn có muốn tạo hiệu ửng trỏ chuột đẹp cho blog 
Xem thêm : Thủ thuật hay cho blog 
Chúc các bạn thành công...!!!
Previous Post
Next Post

post written by:

0 Bình Luận: