Chào bạn CCBot/2.0!
Trang chủ » Tin Tức Cập Nhập » Thủ Thuật Tổng Hợp » Thủ Thuật Blogger » Hướng Dẫn Chèn Facebook Comment phiên bản mới nhất cho Blogger (Blogspot)

Hướng Dẫn Chèn Facebook Comment phiên bản mới nhất cho Blogger (Blogspot)


Lượt Xem: 156238 views

Đăng ngày: 08/11/2015, bởi Nguyễn Đức Lực

# 1 2 năm trước.

Vào khoảng cuối tháng 3 vừa rồi, Facebook Comment đã ra phiên bản mới Graph API v2.3. Và đến 23/6/2015, Facebook sẽ chính thức ngừng hoạt động phiên bản comment cũ để đưa phiên bản v2.3 vào hoạt động. Những phiên bản cũ nếu không cập nhật thì cũng được Facebook tự động nâng cấp lên phiên bản mới. Xem thêm thông tin tại đây.
Để sử dụng phiên bản mới cùng với việc đồng bộ hơn về code, mình sẽ hướng dẫn các bạn tự nâng cấp Facebook Comment phiên bản mới nhất cho Blogger (Blogspot).

Đầu tiên, hãy xem qua bài viết này: Hướng dẫn chèn Facebook Comment vào Blogger (Blogspot) – http://khotai.mcatbui.net/

Bước 1 và Bước 3: Vẫn giống như bài viết cũ

Bước 2: Chúng ta sẽ chỉnh sửa đôi chút
Phần đầu của Bước 2 các bạn vẫn làm như hướng dẫn cũ. Chỉ thay thế từ chỗ này:

Thêm đoạn code sau vào trước thẻ </body>

<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/vi_VN/sdk.js#xfbml=1&amp;version=v2.3&amp;appId=Mã ứng dụng";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Thay thế Mã ứng dụng của app mà bạn đã copy ở cuối Bước 1

Cuối cùng ta sẽ xác định vị trí để chèn bình luận facebook. Thường thì ta chèn bình luận facebook vào cuối bài viết, có 2 cách để thực hiện.
Cách 1: Thêm đoạn code sau ngay dưới thẻ <b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="640" data-numposts="5" data-colorscheme="light"></div>
</b:if>

Cách 2: Thêm đoạn code sau dưới thẻ đóng </div> của thẻ <div class='post-footer'>(Thẻ này nằm trong phần <b:includable id='post' var='post'>)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="640" data-numposts="5" data-colorscheme="light"></div>
</b:if>
data-colorscheme=”light” : màu của khung bình luận, facebook cung cấp 2 giao diện là lightvà dark
data-numposts=”5″ : số bình luận hiển thị
data-width=”640″ : kích thước chiều ngang của khung bình luận

Vậy là xong, ta Lưu Mẫu lại.

Tags: ,

Chia sẻ bài viết
Facebook Tin Nhắn
BB Code:

Link:
Cùng Chuyên Mục
Share template xem phim online giống phimmoi.net cho blogspot
Cách chuyển hướng redirect domain không có www sang có www với Blogspot
Share Acc Zing MP3 VIP, hdonline VIP
Ghép Ảnh Hậu Duệ Mặt Trời với ứng dụng Fotorus
Bộ sưu tập 99 phím tắt trong Excel đầy đủ, hữu ích nhất
CLOSE [X]
Soi cầu SOI CẦU LÔ 3 SỐ CAO CẤP
Danh mục chính
Đọc Truyện Tổng Hợp
Hình Ảnh Tổng Hợp
Kênh Tải Tổng Hợp
Khu Vực Android
Máy Tính
SMS Xếp Hình
Tải Nhạc MP3
Tải Phim Miển Phí
Tin Tức Cập Nhập
Game Mod Android | Top Nên Tải: UC Browser | Tải Facebook Mới Nhất 2016 | Pokemon Go | Tải game My Talking Angela | Zing Mp3 | Poke Đại Chiến hack | Bigo Live Chat APK
top.mobi68.net AyuWage Services - Get Paid to Visits Sites and Complete Surveys InnoCurrent Services - Get Paid to Visits Sites and Complete Surveys