Yêu cầu: có Blog tạo trên Blogger.com
Bước 1: vào phần Mẫu và Tùy chỉnh HTML
Bước 2: Copy Code sau , kéo thanh cuộn xuống cuối cùng, và thêm trước thẻ </body>
<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: Cần tích hợp quản trị Blogspot theo cách thêm ID người quản trị (tài khoản fb), thêm ứng dụng nếu muốn nhận tin nhắn (Nofification) . Facebook sẽ dùng tài khoản Facebook của bạn để bắt xác nhận người quản lý. Cần lấy ID tài khoản để đưa vào Website.
Bạn truy cập vào: http://graph.facebook.com
Và điền tên tài khoản vào phía sau đuôi url là bạn sẽ có ID nhé
Kết quả mình nhận được là ID: 1000004545921986
Bạn copy code dưới vào trong html của Blogspot.Vào sau thẻ <head> nhé
<meta content=’ID tài khoản Facebook của bạn’ property=’fb:admins’/>
VD: Đoạn Code bến dưới fb:admins
<meta content=’261744817330307′ property=’fb:app_id’/>Đó là đoạn khai báo ứng dụng, nhận thông báo mỗi lúc có người bình luận ở Website bạn.
Bước 4: Xác định chỗ bạn muốn hiển thị bình luận Facebook Comment trên Blogspot.
Trong phần này, mình sẽ hướng dẫn các bạn tích hợp phần bình luận, để nó hiển thị trên phần bình luận mặc định Blogspot,Blogger Comment,Google Comment. Mỗi bài viết đều có khung bình luận Facebook riêng cho bài viết đó.
Tại khung HTML của Blogspot. Bạn nhấn CTRL + F
Tiếp ,nhập vào đoạn nội dung tìm kiếm:
<b:includable id=’comments’ var=’post’>
Bạn thêm code bên dưới vào sau.
<div class=’fb-comments’ data-num-posts=’10’ data-width=’600′ expr:href=’data:post.canonicalUrl’/>
Chú ý: lưu ý 2 thông số sau.
- data-num-posts=’10’ : Số bình luận lớn nhất sẽ hiển thị trên Blogspot của bạn.
- data-width=’600′ : Kích thước khung bình luận hiển thị trên Blogspot , kích thước tính bằng Pixel. Thay đổi số tăng hay giảm để phù hợp kích thước Blog của mình.
Bước 5: Bạn nhấn nút SAVE – lưu mẫu.
Và cuối cùng, quay trở lại blogspot của bạn để tận hưởng thành quả :)
Chúc bạn thành công !
Tag : thủ thuật blogspot, thu thuat blogspot, facebook comment, blogger, tiện ích blogspot, blogspot comment
0 nhận xét:
Đăng nhận xét