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!
Trả lờiXóaCó 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.
Trả lờiXó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
Trả lờiXóahồ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
Trả lờiXóacá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
Trả lờiXóaEm 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!!
Trả lờiXóa:X
uh, có lẽ vì vậy mà các blogger Việt rất ít dùng
Trả lờiXóasử 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 :)
Trả lờiXóaa dũng cho e xin email e hỏi xíu đc ko? :D
Trả lờiXóaNó 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(
Trả lờiXóaFandung đã trở lại và lợi hại hơn xưa :))))
Trả lờiXóalợi thì có lợi nhưng răng không còn :))
Trả lờiXóagì mà ko còn. Full option luôn chứ ko đủ gì :))
Trả lờiXóaem 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?
Trả lờiXóaanh ơ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!
Trả lờiXóaĐúng ùi, lợi thì có lợi nhưng răng không còn!
Trả lờiXóa@Quang Minh today: woa, ý tưởng của em được đó, a sẽ test ngay trong đêm nay :D
Trả lờiXóamong chờ vào tối nay của anh dũng :-*
Trả lờiXóađã 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
Trả lờiXóaĐã quá!!!
Trả lờiXóachá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(
Trả lờiXóaHay quá! vậy thì thật tuyệt
Trả lờiXóaCho em cái email anh ơi
Trả lờiXóamail của anh hay của ai???
Trả lờiXóaLạ thật, ko thể nào tìm ra thẻ /body> trong Template mặc dù [/body> thì có.
Trả lờiXóa@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õ.
Trả lờiXóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaChuyện này mình hơi amateur.
Trả lờiXóaCá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
Trả lờiXóaghé 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
Trả lờiXóa:-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
Trả lờiXóaHi anh fan dũng!
Trả lờiXóaMì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 đỡ.
Trả lờiXóahay quá, thank ank :)
Trả lờiXóaa ơi cho em hỏi làm sao để hiện thị số cmst bài viết ở trang ngoài đc vậy anh ,?
Trả lờiXóaTemp 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
Trả lờiXóaKhô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 ' / >
Trả lờiXóaEm 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
Trả lờiXóaBá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
Trả lờiXóalàm sao để đổi mầu chữ comment nhỉ chữ giông mầu nền của mình
Trả lờiXóaminh tim ma khong co .vay thi lam sao .giup minh dc ko
Trả lờiXóacho so 4 .
Trả lờiXóaBạ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 ?
Trả lờiXóaanh ơ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ả
Trả lờiXóaGiải pháp làm nổi chứ cho nó đây :D
Trả lờiXóahttp://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
Trả lờiXóaem 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
Trả lờiXóahttp://khongphaixoan.blogspot.com
Cảm ơn bác nhiều nhiều
Trả lờiXóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaem kết cái comment fb này quá mà không chèn được.
Trả lờiXóaở 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
Trả lờiXóakjkj
Trả lờiXóaThanks
Trả lờiXóaThanks bài viết rất hưu ích :)
Trả lờiXóaBài viết thật bổ ích
Trả lờiXóawap 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
Trả lờiXóacài xong do ko biết topic nào có comment nên xóa đi, kết quả vẫn như cũ :))
Trả lờiXóa