Loading post navigation ...
 
 

Pro page

59
Nhận xét

Chèn comment của facebook vào blogspot

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

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.
- 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 = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</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 == &quot;item&quot;'>
<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


Enter your mail address:

59

Quốc Vịnh

Tuyệt vời thật!

Suzuki_aka

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.

Phan Dũng

@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

Pika Rock

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 Quỷ™

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

Luật Hoàng

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

Phan Dũng

uh, có lẽ vì vậy mà các blogger Việt rất ít dùng

Jack

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 :)

DJHOAG

a dũng cho e xin email e hỏi xíu đc ko? :D

ngonluanho.net

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(

Minh Triết

Fandung đã trở lại và lợi hại hơn xưa :))))

Jack

lợi thì có lợi nhưng răng không còn :))

Phan Dũng

gì mà ko còn. Full option luôn chứ ko đủ gì :))

Quang Minh today

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?

Quang Minh today

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!

Quang Minh today

Đúng ùi, lợi thì có lợi nhưng răng không còn!

Phan Dũng

@Quang Minh today: woa, ý tưởng của em được đó, a sẽ test ngay trong đêm nay :D

NamPhong

mong chờ vào tối nay của anh dũng :-*

Phan 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

Quang Minh today

Đã quá!!!

Phan Dũng

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(

Trần Phúc Minh

Hay quá! vậy thì thật tuyệt

Yolks

Cho em cái email anh ơi

Phan Dũng

mail của anh hay của ai???

DTHQ

Lạ thật, ko thể nào tìm ra thẻ /body> trong Template mặc dù [/body> thì có.

Phan Dũng

@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õ.

DTHQ
DTHQ
DTHQ

Chuyện này mình hơi amateur.
Cám ơn bạn. Mình làm được rồi.

mAn ĐiezEl

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

Hoàng Yến

làm sao đổi đc màu nền vậy a Dũng . help me
:-o
http://www.djdaigia.com/

Minh Nguyen

bạn đổi được rồi kìa =.=" http://www.djdaigia.com/2011/12/tuyen-tap-viet-mix-dj-enno-part1.html

Cầu Nguyện Cho Tổ Quốc

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

Hoàng Yến

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 đỡ.

Nam3T

hay quá, thank ank :)

hai thế giới

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 ,?

Ladykiller9z

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

Ladykiller9z

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 :(

alobabyday

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

Tanchau123

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

Hải Vũ Đức

làm sao để đổi mầu chữ comment nhỉ chữ giông mầu nền của mình

www.lopdh11qt14.tk

minh tim ma khong co .vay thi lam sao .giup minh dc ko

www.lopdh11qt14.tk

cho so 4 .

Thanh Pham Van

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 ?

Admin

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ả

Admin

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

HUY TAP

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

kaka

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

Lương Duy Khánh

Cảm ơn bác nhiều nhiều

Admin
Admin

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

A3FC

ok rồi , cảm ơn anh nhiều lắm

makjovi

kjkj

Quang Phùng Văn

Thanks

John Smith

Thanks bài viết rất hưu ích :)

Mo Mong

wap game mobile | xem truyen tren di dong | xem anh tren di dong | xem clips tren di dong | giai tri tren di dong

Nhay Nhap

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

ZPES-Patch

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

Account Tester

cài xong do ko biết topic nào có comment nên xóa đi, kết quả vẫn như cũ :))



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[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.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home