Ngày này, mạng xã hội facebook là mạng toàn cầu, nhà nhà dùng facebook, người người dùng facebook để nói chuyện, trao đổi công việc, facebook cũng là một công cụ marketing online hiệu quả. Chính vì vậy việc thêm bình luận (comment) của Facebook vào blogspot là rất cần thiết, vừa tạo được nơi bình luận, chém gió cho mọi người, vừa dễ đưa bài viết tới người đọc bởi hiệu ứng lan truyền của nó.
>> Tích hợp bình luận Facebook vào WordPress
>> Hướng dẫn thêm comment Facebook và Google+ vào WordPress không cần Plugin
Hôm nay, mình xin sẽ giới thiệu thêm cho các bạn một cách đơn giản để thêm khung bình luận của Facebook vào blogspot.
Bước 1: Đăng nhập vào trang quản trị blog.
Vào Mẫu chọn Chỉnh sửa HTML
Bước 2: Ấn tổ hợp phím Ctrl + F, tìm </body>
Thêm đoạn mã bên dưới vào trước thẻ </body>.
12345678 <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>
1 2 3 4 5 6 7 |
<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="<span style="color: #000000; background-color: #ffff00;">5</span>" data-width="<span style="background-color: #ffff00;">540</span>"></div>'; //]]> </script> |
Lưu ý : Các bạn thay
data-num-post=5 : số comment hiển thị. Nếu quá sẽ tự động gộp comment
data-width=540 : chiều rộng khung comment
Bước 3: Tìm một trong các đoạn code như sau: <b:include data=’post’ name=’post’/>
Rồi thêm ngay dưới nó đoạn code sau:
1 2 3 4 5 |
<b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> document.write(fbcm); </script> </b:if> |
Lưu lại và load lại trang và xem kết quả bạn vừa làm được khi thêm được bình luận facebook vào blogspot.
Giờ fb quá phổ biến gần như site nào cũng dùng fb comment nhưng mình vẫn trung thành với blogger mặc định :->
Bài viết hay , ứng dụng mạng xã hội facebook tốt cho seo website
Ad ơi mình bị như bạn trên,thiết bị di động, kể cả ipad cũng không được,mà blog của mình vốn là tắt mẫu trên di động ui, mình tìm đủ cách mà không được,ad có thể xem hộ mình được không.
khi test mình thấy nó chỉ chịu hiển thị với màn hình cỡ 1000×1300 trở lên
Thank ad nhé
Đúng là 1 dòng code là thay đổi hết các tính năng tương tác cho website