Hot!

Chèn khung Facebook comment thay thế Comment mặc định của Blogger

Tuesday, 25 May 2010

form comment Khung nhận xét của facebook là một trong những công cụ hữu ích cho các blogger để tăng các cuộc hội thoại nhất là với các tín đồ Facebook trung thành. Facebook gần đây đã đưa ra nhiều plugins Social cho các blogger và các nhà phát triển web và một trong đó là  khung nhận xét facebook cho các Blog sử dụng nền tảng Blogger/Blogspot.

Trong bài đăng này sẽ hướng dẫn bạn cách thực hiện để chèn khung nhận xét của Facebook vào Blogger.

1Step 1: Tạo App ID của Facebook

Truy cập vào  Facebook developer page và nhập tên Blog, địa chỉ URL của blog và click  Create application như hình dưới.

facebookcomment1

Sau đó copy  App ID và lưu lại vào file notepad

facebookcomment2

2Step 2: Tạo tiện ích khung nhận xét trong Blogger

- Truy cập vào Blogger: Bảng điều khiển (dashboard)  >>   Bố cục (Layout)  >> Chỉnh sửa HTML (Edit HTML)  >> check vào ô chọn Mở rộng mẫu tiện ích (Expand Widget Templates)

- Tìm (Ctrl-F) đoạn code:

<data:post.body/> hoặc <div class=’post-header-line-1′/>

dán vào ngay dưới <data:post.body/> hoặc <div class=’post-header-line-1′/>  đoạn mã sau:

<b:if cond='data:blog.pageType == &quot;item&quot;'> <p align='left'><img alt='' class='icon-action' src='http://1.bp.blogspot.com/_ubwIhqPcR6M/S_bFnzvtkDI/AAAAAAAAA5A/ta5IbGqJZYU/s1600/cmds.png'/></p> <div id='fb-root'/> <script> window.fbAsyncInit = function() { FB.init({appId: &#39;APPID&#39;, status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement(&#39;script&#39;); e.async = true; e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;; e.async = true; document.getElementById(&#39;fb-root&#39;).appendChild(e); }()); </script> <fb:comments/> </b:if>

Thay thế  APPID trong đoạn code trên bằng APP ID mà Facebook đã cung cấp cho blog của bạn trong bước 1.

- Lưu lại mẫu (save the template).

3Step 3: Hiển thị khung nhận xét của Facebook trong Blogger

Như vậy bạn đã xong phần quan trọng nhất, giờ để hiển thị khung nhânh xét thay thế cho khung nhận xét mặc định của Blogger thì bạn cần phải ẩn khung nhận xét mặc định của Blogger.

Bạn vào  Bảng điều khiển (dashboard)  >>   Cài đặt (Settings)  >> Nhận xét (Comments) và chọn như hình dưới:

facebookcomment3

Và lưu cài đặt.

Như vậy bạn đã thực hiện xong việc thay khung nhận xét mặc định của blogger bằng khung nhận xét của Facebook.

Note: Sử dụng Facebook Comments thì các nhận xét cũ sẽ bị ẩn đi.

nguồn: bloggermint

HitCHÚC CÁC BẠN THÀNH CÔNG !!!

Tags: , , ,

Ý kiến bạn đọc [ 27 ]


Pika Rock 25 May 2010 21:26

thủ thuật đỉnh qáaaaaaaaaaa
tks a Chinh

Tùng Lâm 25 May 2010 21:36

Hay quá. Cái này có thể nói là quá tuyệt. Tuy nhiên hiện tại fb đang bị chặn tại VN nên việc hiện khung comment này cũng có gặp một số vấn đề...

chinhnd 25 May 2010 21:51

Đúng thế nhưng đa số ai đã nghiền Face thì vượt qua chặn quá đơn giản, đến mình ko rành về face mà còn sử dụng được thì không có vấn đề gì.
Nhưng với khách đọc bài muốn comment mà chưa biết về F thì đúng là ... có vấn đề.

chinhnd 25 May 2010 21:52

Cám ơn Pika nhé, chúc em kỳ thi này : mã đáo thành công.!!!!!!!

---Xzip--- 26 May 2010 12:03

Mà hình như cái khung comment này không có tính năng gửi phản hồi qua email nhỉ vả lại cái xác minh từ của nó cũng đủ ớn rồi toàn chữ khó nhìn quá

---Xzip--- 26 May 2010 12:08

mà hình như cái khung comment này không có tính năng gửi phản hồi về email của mình phải không anh ? .Với lại cái phần xác minh từ cũng mệt quá .Toàn là chữ khó nhìn quá :D

---Xzip--- 26 May 2010 12:09

Sax. nhận xét lần 1 nó bị die không ra chừng nó ra 2 cái luôn .Trông giống Spam quá hêhhê :D

vnblognet [dot] com 26 May 2010 14:47

---Xzip--- cso vẻ dị ứng với loại hình comment của F quá nhỉ

Ngankvn ® 26 May 2010 17:00

Độc giả có xài FaceBook ko nhiều , những người biết cách bỏ chặn lại ít hơn nữa , nên làm thủ thuật này hoàn toàn bất lợi !!!

www.dunghangviet.vn 26 May 2010 20:00

Ồ, tuyệt, quá tuyệt. Nhưng mà cũng phí khi các comment cũ sẽ bị mất đi. Với lại FB cũng hay bị chặn lắm, lúc nào rãnh em áp dụng vào thử xem. Cảm ơn binh pháp của bác nhé :D

Nutatu 27 May 2010 00:39

Vừa mới thấy cái này trên blog của bác Konohaz.info đang định tìm hiểu, không ngờ ghé thăm blog bác Chính lại thấy có sẵn rồi, đúng là "buồn ngủ gặp chiếu manh"

---Xzip--- 27 May 2010 06:21

Afh ! anh Chinh ơi cho em hỏi cái này được không : Em mới 14 tuổi thì liệu có thể đăng kí thẻ VISA ở ngân hàng đông á được không anh ? Và anh cho em xin cái code của widget Bài đăng gần đây được không aj .Cảm ơn anh trước nha

FRIENDS-PC 27 May 2010 07:14

cái comment này giống với world nhưng lại có phần mã xác minh thêm vào thì chẳng khoái lắm

Pavel 27 May 2010 07:53

Cái form comment này có lẽ chỉ dùng cho fan cuồng nhiệt của FB, nếu vì mục đích thu hút thêm comment thì không khả thi lắm.

Khi một blogger muốn chuyển sang sử dụng một hệ thống comment mới thay cho cái mặc định thì một trong những điều rất quan trọng là họ muốn giữ lại những comment cũ (nó vẫn phải hiển thị). Cái này thì không làm được, cũng giống như intensedebate (mặc dù intense có nhiều tính năng khác rất tuyệt). Cũng chính vì thế mà mình sử dụng disqus.

ndd 3 August 2010 21:24

Cũng đúng

net91 28 August 2010 22:47

Anh Chinh ơi! E tạo được khung đó nhưng không hiểu sao lại mất nút Like button?

Phan Nguyễn Mai Ly 19 October 2010 05:31

Anh Chinh ơi, anh có cách nào làm ngắn khung comment lại được ko, em làm đc rồi nhưng nó hơi dài

Mr.7 4 November 2010 17:51

Làm sao để quản lý tổng quát những comment này nhỉ? mình click vào chữ quản lý thì chỉ thấy các điều chỉnh căn bản và trang fanpage thui :(

kiemtienNet.info 25 November 2010 18:38

rắc rồi nhỉ

Tuấn Min 11 August 2011 15:39

Sao mình làm y hệt nhưu trên mà nó k hiện lên nhỉ

Anonymous 8 September 2011 08:23

hay qua
Thanks

Anonymous 6 January 2012 12:57

jkjjk

Anonymous 1 March 2012 13:40

sdadấd

thanh 28 March 2012 23:03

saxxxxxxxxxxxxxx

Việt Designer 17 May 2012 07:57

Kết hợp với comment chuẩn của blogger và fb comment cũng hay mà ^^

Việt Designer 17 May 2012 07:59

Fb cm có khả năng phát tán rông trên Fb, để kèm theo cm mặc định của Blogger thì chẳng có gì bất lợi :D

Anonymous 22 May 2012 18:47

sgdfg

Ý kiến của bạn