[tintuc]
Bài viết này sẽ hướng dẫn bạn đọc cách chèn Facebook Comment nhanh vào trang Blogger của bạn. Chỉ với 4 bước bạn đã có được một tính năng bình luận Facebook ưng ý với mã nguồn của Blogspot
Cách chèn Facebook Comment vào Blogger rất dễ dàng, bạn hãy làm theo 4 bước sau:
Cách 1: Thêm mã code sau ngay dưới thẻ <b:include data=’post’ name=’post’/>
Để tìm thẻ trên bạn click chuột vào khu vực thẻ nhấn tổ hợp phím Ctrl+F sẽ bôi vàng vị trí này bạn hãy chèn vào dưới thẻ được bôi vàng đoạn code sau:
Vẫn thực hiện Ctrl+F để tìm <div class=’post-footer’> và kéo xuống tìm thẻ đóng của nó là </div> và chèn vào đoạn code này
[/tintuc]
Bài viết này sẽ hướng dẫn bạn đọc cách chèn Facebook Comment nhanh vào trang Blogger của bạn. Chỉ với 4 bước bạn đã có được một tính năng bình luận Facebook ưng ý với mã nguồn của Blogspot
Cách chèn Facebook Comment vào Blogger rất dễ dàng, bạn hãy làm theo 4 bước sau:
1. Tạo một ứng dụng mới trên Facebook
Bạn hãy xem hướng dẫn tạo Facebook App để lấy App ID để thực hiện chèn Facebook Comment vào website và quản lý comment thông qua ứng dụng bạn vừa tạo.2. Lấy mã code được cung cấp bởi Facebook
Để Get code bạn vào link https://developers.facebook.com/docs/plugins/comments/ chọn các thông số sau:- Width: 100% hoặc để chống
- Number of post: Số lượng comment hiển thị mặc định
- Color Scheme: Style màu sắc box comment tùy theo site của bạn màu gì bạn chọn cho phù hợp
Hình 1. Chèn mã code được cung cấp bởi Facebook
3. Đặt mã code App ID vào thẻ meta
Khi bạn đã lấy được mã code như hình 1 hãy chèn mã code này tôi đã bổ xung thêm 2 thẻ <meta> Bạn hãy thay Your_app_id và User_id bằng số liệu bạn nhận được, riêng User ID bạn lấy bằng cách click vào Avatar Facebook cá nhân của bạn
Ví dụ trong đoạn code này User ID là 100003820326603
4. Đặt mã code Comment vào bài viết
Có 2 cách để bạn chèn Comment Facebook vào trang Blogger, đầu tiên bạn hãy vào https://www.blogger.com/ -> Chọn Blog muốn chèn > Menu Mẫu -> Chỉnh sửa HTML và làm theo các cách sau:Cách 1: Thêm mã code sau ngay dưới thẻ <b:include data=’post’ name=’post’/>
Để tìm thẻ trên bạn click chuột vào khu vực thẻ nhấn tổ hợp phím Ctrl+F sẽ bôi vàng vị trí này bạn hãy chèn vào dưới thẻ được bôi vàng đoạn code sau:
Cách 2: Thêm mã doe này vào sau thẻ </div> của đoạn thẻ <div class=’post-footer’>
Vẫn thực hiện Ctrl+F để tìm <div class=’post-footer’> và kéo xuống tìm thẻ đóng của nó là </div> và chèn vào đoạn code này
Sau đó chọn Lưu mẫu và kiểm tra kết quả nếu trả về kết quả như hình 02 dưới đây là OK
Hình 2. Chèn Facebook Comment nhanh vào Blogger thành công
Kết luận
Blogspot là một mô hình phát triển có tính mở rất cao, nên bạn có thể dễ dàng chèn Facebook comment vào hoàn toàn không có gì khó. Tuy nhiên bạn đừng quyên thường xuyên theo dõi và quản lý các comment trên https://developers.facebook.com/tools/comments . Cảm ơn bạn đã ghé thăm Blog Hoàng Luyến, chúc bạn thành công![/tintuc]
Không có nhận xét nào: