RSS Posts 
Facebook đã trở nên phổ biến và quen thuộc mỗi khi chúng ta muốn lên đây để ... "chém gió". Và hôm nay mình sẽ hướng dẫn cho các bạn đem cái công cụ "chém gió" này vào blog của các bạn. Với việc thay thế comment của blogspot bằng comment của facebook hy vọng blog của các bạn sẽ sôi động hơn.
Có thể nói thủ thuật chèn comment của facebook vào mỗi bài viết blogspot cũng không mới lạ gì, 1 số blog thủ thuật nước ngoài đã đăng tải rồi (các bạn có thể vào google search với từ khóa facebook comments for blogger là có kết quả ngay). Tuy nhiên phải nói là cách thực hiện nó cũng khá phức tạp. Ngay cả mình cũng chưa thực hiện thành công khi làm theo các bước hướng dẫn. Có lần mình đã cố thử vào trang http://developers.facebook.com/setup/ mà không được, không biết có phải facebook hạn chế đối với user ở Viện Nam ko nữa.
Và ở thủ thuật này, các bạn sẽ chỉ cần copy và paste code là xong, không cần phải thiết lập hay tạo App trên facebook.
Xem DEMO
Hình ảnh minh họa
Bước đầu tiên bạn phải làm là đóng comment của blogger lại. Các bước thực hiện như hình bên dưới :
- Save cài đặt lại.
Bước 2 : chèn code của thủ thuật vào template.
1. Vào phần thiết kế -> chỉnh sửa code HTML -> nhấp chọn mở rộng mẫu tiện ích.
2. Chèn đoạn code bên dưới vào trước 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="660"></div>';
//]]>
</script>
- data-width là độ rộng của comment box.//<![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="660"></div>';
//]]>
</script>
- data-num-posts là số comment được hiển thị (cũng chính là số bài reply trên 1 comment)
- data-href là để phân biệt từng comment box, mỗi địa chỉ data-href khác nhau sẽ cho 1 comment box khác nhau. và trong thủ thuật này data-href chính là link của mỗi bài viết.
3. Chèn đoạn code bên dưới vào sau thẻ <body>
<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>
<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>
4. Tìm đoạn code như bên dưới :
<b:include data='post' name='post'/>
5. Chèn ngay sau nó đoạn code bên dưới :
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
6. Save template.
Chúc các bạn thành công.
Theo yêu cầu của Phù Thủy Âm Nhạc
Tuyệt vời thật!
Có cách nào kiểm tra id chứa comment facebook load không anh. Như bây giờ, VNPT toàn chặn ban ngày, tối mới mở, load facebook rất lâu. Làm site cũng trì trệ. Em trước cũng làm, nhưng chưa hiểu hàm delay, quá bao nhiêu giây, hoặc không load được thì không cho write nữa.
@Suzuki_aka : ah, cái đó anh chưa nghiên cứu tới, trình độ javascript của anh chỉ ở level basic thôi :D
hồi trước em cũng định nhúng cả comment form của FB vào, nhưng nó load lâu quá, đc cái rất instant
cái này khó chơi lắm VNPT nó điên điên vì thế add vào coi như vừa xem blog vừa giật
Em không dùng facebook nhưng cũng vỗ tay một cái vì sự đóng góp cho blogger của anh!!
:X
uh, có lẽ vì vậy mà các blogger Việt rất ít dùng
sử dụng comment mặc định của blogger thì hay hơn nhiều... mình không thích FB cho lắm... cứ bị chặn hoài chán thật... giờ mình chỉ sài G+ thôi :)
a dũng cho e xin email e hỏi xíu đc ko? :D
Nó hỗ trợ https không Dũng ui,phải cái đó thì mới vào được,lương truy cập vào nhà mình phần lớn từ fb nên mình cũng muốn làm,hồi trước mình có làm theo của bloggermint nhưng chậm quá nên thôi~x(~x(~x(~x(~x(
Fandung đã trở lại và lợi hại hơn xưa :))))
lợi thì có lợi nhưng răng không còn :))
gì mà ko còn. Full option luôn chứ ko đủ gì :))
em lam cach dung code có appid á em hiểu nôm na là du liệu của các cm dc luu trong tài khoản fb của mình! con cái này sao hok thay nói tới appid, vay nó là cái dùng chung cho tac ca moi ng ha anh? vay liệu có an toàn hok?
anh ơi chỉ cách chèn làm sao mà tao ra 1 tab mới song song voi he thong cm hien tại, de ai muon dùng gì thì dùng ban em trên fb rất nhiều nhưng họ rất ngại cm bang tai khoan google hac lười nhap thong tin khi cm voi tu cach la khách! nhưng dùng hệ thống fb comment thì nhung ban trện blogger thường hok có cm!
Đúng ùi, lợi thì có lợi nhưng răng không còn!
@Quang Minh today: woa, ý tưởng của em được đó, a sẽ test ngay trong đêm nay :D
mong chờ vào tối nay của anh dũng :-*
đã test xong. Có thể xem DEMO của bài này luôn. Sẽ update sớm, có thể trong tối nay luôn :D
Đã quá!!!
chán cái host thiệt, lại bị khìn nữa rồi, cái Post Navigation thì ko chạy, cái counter thì chạy điên. hix ... -x(
Hay quá! vậy thì thật tuyệt
Cho em cái email anh ơi
mail của anh hay của ai???
Lạ thật, ko thể nào tìm ra thẻ /body> trong Template mặc dù [/body> thì có.
@DTHQ : thẻ body là luôn luôn có. Bạn không nên tìm cả từ khóa là <body> . Bạn nên tìm bằng từ khóa <body thì chắc chắn sẽ có. Như ở blog của bạn, thẻ body của bạn có add class là class='loading' (tứ là như thế này <body class='loading'> ) nên bạn tìm bằng cả từ khóa <body> thì không ra là phải. Thật ra cái này rất cơ bản, có lẽ bạn mới bắt đầu nên chưa rõ.
Chuyện này mình hơi amateur.
Cám ơn bạn. Mình làm được rồi.
thủ thuật hay quá .trk em cũng cài cái ni nhưng nó bắt pải lấy ID ở http://developers.facebook.com/setup nhưng k lây đc
ghé thăm xem coi :X nhá:http://thephotobest.blogspot.com/2011/12/viet-mix-tam-trang-cua-toi-theo-bo-nhac.html
làm sao đổi đc màu nền vậy a Dũng . help me
:-o
http://www.djdaigia.com/
bạn đổi được rồi kìa =.=" http://www.djdaigia.com/2011/12/tuyen-tap-viet-mix-dj-enno-part1.html
Hi anh fan dũng!
Mình có cách nào đặt song song comment FB và Comment Blogger song song với nhau không?
Ý em là Comment Fb ở phía trên và comment Blogger ở phái dưới!
Giống như trang http://ttxva.org. Trang đó xài Wordpress.org thì phải
Em cảm ơn anh nhiều
ah không ý em là đổi màu chữ đó a Dũng.vì blog e nền tối. mong a và các bạn dúp đỡ.
hay quá, thank ank :)
a ơi cho em hỏi làm sao để hiện thị số cmst bài viết ở trang ngoài đc vậy anh ,?
Temp của em không thấy cái dòng ~> ~> http://jennifersusan123.blogspot.com/2012/03/mat-troi-be-con-dam-vinh-hung.html
Không thấy dòng ~> < b : i n c l u d e d a t a = ' p o s t' n a m e = ' p o s t ' / >
Em phải viết dấu cách thế này ... như thế kia nó không hiện :(
Giúp E với .......... đổi cái màu lền comen cho nó ở đâu ạ? http://alobabyday.blogspot.com/2012/02/vn-choi-boc-wa-her-her.html
Bác fandung cho hỏi làm sao để biết có comment facebook mới trên blog không vì blogger chỉ cho quản lý comment blog? Nếu được thì hay quá :D
làm sao để đổi mầu chữ comment nhỉ chữ giông mầu nền của mình
minh tim ma khong co .vay thi lam sao .giup minh dc ko
cho so 4 .
Bạn ơi sao sau khi mình làm xong thủ thuật này => rồi sau đó mình gỡ thủ thuật này ra khỏi blog => rồi blog của mình tự nhiên mất tiêu luôn khung comment blogger cũ vậy ?
anh ơi, làm sao đổi màu chữ hay nền của nó ạ, nền của em màu đen giờ chữ nó cũng đne. chẳng thấy gì cả
Giải pháp làm nổi chứ cho nó đây :D
http://tinypaste.com/3fce199b
xin lỗi vì cái cm k cho up code. mình chỉ thêm cái khung bao cái box cm rồi cho mày nền là ok. :D
anh ơi nền của em là nền blog của em là nền đen, khi làm thủ thuật này thì ko nhìn thấy lời bình luận đâu nữa, anh hướng dẫn em chuyển từ light sang dank giúp em. thanks
em cũng làm đc rồi anh Dũng ơi, thấy load cũng có chậm lắm đâu, mọi ng xem tại
http://khongphaixoan.blogspot.com
Cảm ơn bác nhiều nhiều
em kết cái comment fb này quá mà không chèn được.
ở bước 4 em không tìm được code ý ở mẫu của em => bước 5 không biết chèn đoạn ý vào đâu ạk
anh FD giúp em với
ok rồi , cảm ơn anh nhiều lắm
kjkj
Thanks
Thanks bài viết rất hưu ích :)
Bài viết thật bổ ích
wap game mobile | xem truyen tren di dong | xem anh tren di dong | xem clips tren di dong | giai tri tren di dong
bác cho e hỏi làm như trên thì ok với các bài đăng mới.nhưng các trang mình tạo thì không có comment của FB
cài xong do ko biết topic nào có comment nên xóa đi, kết quả vẫn như cũ :))
» Nội dung phải liên quan tới chủ đề bài viết.
»
[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]
» Có thể sử dụng các thẻ <b>,<i>,<a>.
BlOg FD chính thức đóng comment của khách ẩn danh.
BlOg FD.