Đăng ký
Xem bài mới từ lần truy cập trước
Xem bài gửi hôm nay
Photoshop Online
Upload ảnh
Mã hóa online
Chôm Avata Yahoo
Thuthuatblogspot sẽ cùng các bạn làm sao để gắn thêm Facebook Comment cho Blogspot.
Facebook comment : tích hợp bình luận của Facebook vào Website của bạn, bổ xung hay thay thế cho phần bình luận Website. Theo đó người sử dụng tài khoản Facebook có thể để lời bình luận, đánh giá sản phẩm, dịch vụ khung bình luận được tích hợp trên Website của bạn.
Facebook Comment Blogspot – Blogger
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
- Code:
- <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: https://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ẻ nhé
VD: Đoạn Code bến dưới fb:admins
Đó 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, thuthuatblogspot sẽ hướng dẫ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:
- Code:
- <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 blogspotxem kết quả.
