Bước 1. Tạo Facebook APP
Truy cập https://developers.facebook.com/apps
Click vào nút: App ==> Add new app
Sau đó bạn chọn Trang Web
Nhập tên APP và ấn Create New Facebook App ID.
Lưu ý: tên APP không quá 32 kí tự .
Xong giao diện sẽ như thế này.
Bạn chỉ cần chú ý ID của App.
Cách thêm commnet facebook cho blogspot/website
Bước 1: Đăng nhập vào blog
Bước 2: Chọn mẫu (Template)
Bước 3: Chọn chỉnh sửa HTML (Edit HTML)
Chú ý: Trước khi chỉnh sửa code web lên backup code về để có bản gốc !
- Tìm đoạn code <html thường thì nó ở ngay dòng thứ 2, bạn thêm đoạn code sau ngay bên phải nó đoạn này xmlns:fb='https://www.facebook.com/2008/fbml' (ngăn cách nhau bằng dấu cách nếu có đoạn code đó rồi thì bạn ko phải thêm nữa nhé)
- Thêm đoạn code sau dưới thẻ <head> :
<meta content='348674228647401' property='fb:app_id'/>
Chú ý: 348674228647401 là mã ứng dụng (id App mà bạn vừa tạo ở bước trên) bạn thay nó thành mã app của bạn nhé.
Bước 4: Thêm đoạn mã bên dưới vào trước thẻ </body>
<div id='fb-root'/> <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>
Và đoạn code sau lên trên thẻ đóng </head>
<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="540"></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
Cách thêm commnet facebook vào Blogspot
Bước 5: 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:
<b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> document.write(fbcm); </script> </b:if>
Chú ý: Một số bạn có thắc mắc về màu chữ hay khung có màu trùng với màu nền thì các bạn thực hiện thêm bước sau nhé (nếu ko ảnh hưởng thì không cần làm thêm bước này)
Dán đoạn code sau vào trước thẻ ]]></b:skin>
.comments-page { background-color: #f2f2f2; width:540px } #blogger-comments-page { padding: 0px 5px; display: none } .comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2 } .comments-tab-icon { height: 14px; width: auto; margin-right: 3px } .comments-tab:hover { background-color: #eeeeee } .inactive-select-tab { background-color: #d1d1d1 }
Để thay đổi màu nền của nội dung các tab chỉ cần chỉnh sửa #f2f2f2 , #eeeeee , #d1d1d1 (đây là mã màu các bạn thay đổi cho phù hợp nhé)
Để thay đổi độ rộng của chiều rộng khung comment thay đổi giá trị : 540px
Lưu lại !
Cách quản lý comment facebook trên blogspot/websiteSau khi các bạn đã làm thành công các bước trên . Để quản lý các comment facebook trên blospot của bạn các bạn làm như sau:
- Bạn truy cập vào link sau https://developers.facebook.com/tools/comments
Chú ý: bạn phải đang đăng nhập facebook mà bạn đã đăng ký app nhé.
- Bạn muốn comment nó thuộc bài viết nào thì bạn click sang Moderator View ==> click chuột vào phần Visit Website để sang bài viết mà có comment đó.
Cách xóa app comment facebook
- Đăng nhập vào facebook đã đăng kí App
- Truy cập vào link sau https://developers.facebook.com/apps/348674228647401/dashboard/
- Vào Settings
- Ấn nút Delete màu đỏ.
- Nhập mật khẩu facebook của bạn.
CHÚC CÁC BẠN THÀNH CÔNG !
No comments:
Post a Comment