Membuat Komentar Facebook Sederhana Pada Blog

Sobat pasti sering melihat kotak komentar facebook pada suatu blog, sebenarnya cara membuat kotak komentar ini cukup mudah dan simple. BAnyak kelebihan yang bisa kita dapatkan jika kita memasang kotak komentar pada blog kita. Buat sobat yang ingin mencoba memasangnya pada blog sobat, silahkan lihat screenshot berikut ini.


Nah, bagi sobat yang ingin membuat kotak komentar facebook di blogspot ikuti tutorial berikut ini.
  1. Log ini ke akun blogger sobat;
  2. Pilih menu Rancangan » Edit HTML;
  3. Beri tanda centang pada tulisan Expand Template Widget;
  4. Carilah kode <data:post.body/>, jika sobat telah memasang kode readmore, maka letakkan kode berikut tepat dibawah kode <data:post.body/>, yang kedua;
<b:if cond='data:blog.pageType == "item"'>
<p align='left'><a href='http://www.wakrizki.net/2011/02/membuat-komentar-facebook-sederhana.html' target='new'><img border='0' height='30' src='http://4.bp.blogspot.com/_VRwISTiabbk/TU66SGiMM6I/AAAAAAAABDA/F08fuVZaWOU/s1600/comment.gif' width='200'/></a></p>
<div id='fb-root'/>
<script>window.fbAsyncInit = function() {
FB.init({appId: '124630597583565', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
  1. Selanjutnya simpan template sobat

Selamat mencoba, semoga berhasil. Jika tidak berhasil, ikuti langkah dibawah ini.


Update Terbaru


Tampaknya banyak komentar yang saya terima bahwa sobat mengatakan banyak yang tidak berhasil membuat komentar ini, saya memasang komentar ini disemua blog saya dan ternyata berhasil, mungkin pengaruh dari setiap template yang berbeda, kali ini saya mau update tetang komentar facebook ini. Silahkan sobat lakukan lahkah berikut ini.

Langkah pertama sobat login ke account blogger sobat, kemudian lihat gambar dibawah ini.


Jika sudah selesai, sobat cari kode <b:includable id='status-message'> kemudian sobat akan menemukan kode </b:includable> ini berada tepat diatas kode yang pertama tadi.

Kemudian kopas kode dibawah ini dan letakkan diatas kode </b:includable> tadi.
<b:if cond="data:blog.pageType == &quot;item&quot;"> <div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
</b:if>
Sobat bisa merubah jumlah post komentar dengan mengganti angka 5 pada num_posts dengan jumlah yang sobat inginkan dan width (lebar) kotak kementar sesuai dengan keinginan sobat. Jika sobat menggunakan template yang memiliki warna background hitam atau gelap, silahkan tambahkan kode colorscheme='dark' sehingga menjadi seperti dibawah ini.
<b:if cond="data:blog.pageType == &quot;item&quot;"> <div id='fb-root'/> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <fb:comments expr:href='data:post.url' num_posts='5' width='500' colorscheme='dark'/> </b:if>
Peletakan kodenya akan terlihat seperti ini.
<b:if cond="data:blog.pageType == &quot;item&quot;"> <div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
</b:if>
</b:includable>
<b:includable id='status-message'>
Jika langkah diatas tidak berhasil, coba sobat letakkan kode tersebut dibawah kode <data:post.body/>, tetapi jika sobat telah memasang kode readmore, biasanya kode tersebut ada dua, maka letakkan pada kode kedua.

Semoga berhasil.

117 Komentar "Membuat Komentar Facebook Sederhana Pada Blog", Baca atau Masukkan Komentar

Mhd Asri said...

Siiip...
Mantaaabh......

Beben Koben said...

appID sapa tuh, repot kalau bukan appID sendiri mah bos..hehehe
bikin lah dolo appID-nya sendiri...dan siap2 sajah repot kalo ada perubahan dari FBnya, dan yg pasti komentar sebelum2nya akan is gone...

dimasmatsunyamesinada said...

bang,punya saya kok gak bisa,gak ad kode nya,biar bisa gmna bang,tolong bimbingan nya,,,

estilosweb said...

ok lah mantap banget. nget. nget. nget. hehe..

Anonymous said...

gakpapa jugalah fto mas coteknya dimuat. jgn foto pejabat teyus. peace bro

Izharuddin Kamal said...

Thanks gan

belajar said...

sebelumnya makasih ya gan atas infonya
tapi kok gak bisa ya. mohon bimbingannya gan

Antok | Admin - situsTKJ said...

gan mau nanya, waktu ada pengunjung berkomentar kok ga ada notifications ya? apanya yang salah?

Jieksrock said...

di tambahin Master Q colorscheme="dark" bwt yg "Update" di atas, hehehe.. soalnya tulisa komen nya hitam, kalo background hitam ? jadi susah ngebacanya, hohohohooo..

contoh : http://musik-updates.blogspot.com/

David Bala said...

gagal bos menggunakan <b:if..pada update ke 2nya

Andriansyah said...

heheheheheheheee... boleh juga infonya bang, terima kasih, salam lestari dan bloger......

asysya said...

kok masih tampilan loading ya (aku pake cara kedua)..

S J R said...

thanks,,,,,,,

::Blog JenkWekz said...

thx sopb.. sekian lama gw cari cara bwt dapetin cooment fb.. ehh ternyata ada elo.. check > http://www.JenkWekz.blogspot.com/

Islam Kaffah Indonesia said...

Wah, kren mas bro..., sukses dah, :)

DR.POETOE said...

makasih ya,,ehehe,,visit blog saya ya

www.putuananta.blogspot.com

Zie Elzeir Assyamlawy said...

mantapss gannnnsss... kapan2 main yahhhhh ke http://miakhlaqiyyah.blogspot.com/

TIK SMP I ASY-SYAFI'IYYAH said...

tengkyu mas broo

akm/news said...

Makasihh :D Berhasillll

GBI Hidup Baru said...

Terimakasih buat Infonya. Oya mau tanya bagaimana cara membuat colom POST COMMENT bisa berubah kayak punya anda

Zhaynuddin said...

mantap gan...berkunjungbalik yah di http://zhayhacker.blogspot.com

Muhammad Nur said...

trimakasi

error community said...

Makasih yhaaw,, sudah bisa neeyy,, thankzz

cari-lovinzsky said...

berhasil.....
makasih yah..
di tunggu buat liat hasilnya di bloog saya.
cari-lovinzsky.blogspot.com

azkaedo said...

koq, punyaku ga bisa ya. apa templatenya ga dukung? mhon pejlsan, thanks

gundulstechno said...

keren gan........
infonya bagus....
visit my blog>>>> http://thegrusagrusu.blogspot.com
and http://gundulsgadgets.blogspot.com

sipp

Agus Munawar said...

Thanks mas tipsnya, langsung pasang ni.. :)

Agus Munawar said...

Sip thanks

Pandoe_46™ said...

cukup nice

Belajar All said...

mantep banget

lintasfacebook said...

informasi menarik nih.. baca2 dulu boleh ya, tar kapan2 di coba deh..

Reza S Nugraha said...

Thanx infona, langsung bekerja :)

Admin said...

Makasih gan, bisa :)

Iman Kurnia said...

hatur nuhunt a..

Tips Kesehatan said...

wah.. sangat membantu gan..terima kasih.. :)

belajar bloging dan linux said...

bermanfaat gan :) makasih

belajar bloging dan linux said...

mampir blog ane :) aswanudin.blogspot.com

Nailun Ni'am said...

thanks... nice posting.

phoneseluler said...

mantap sob, tapi lumayan ribet juga ya.. gpp, tar dicobain. soalnya belum ada sigh!

oenoen said...

gan,,,
gimana caranya bkin aplikasi ID nya tu gan...
mohon bantuannya ya gan..

MasTer Q said...

@oenoen » sebaiknya ikuti langkah yang kedua atau yang telah d update, karena banyak perbedaanya, terima kasih, ,

Anonymous said...

makasih mas infonya
100% worked!!
b^^d

dwisTROi said...

tfs bro..
ini yg sedang ane cari...
mangtabs...

salam damai kami sepanjang hari...

Rizqi Pratama said...

thanks mas berhasil

™AldINo X-FrienZ™ said...

makasih ya gan atas infonya dan jgn lupa mampir ke blog ane ya http://rexpector.blogspot.com

Lelicatz said...

pnya q ko ada tulisan warningnya knapa ya?

Duni@_qu Curh@t_qu said...

mantap teman...thanks ya...
jangn lupa link balik^_^

Lelicatz said...

setelah di coba lagi, mantepppppp.. :)

Rizky TheJakmania Indramayu said...

Mantabz

Ilham syaputra said...

keren kali bung. salam kenal. blog bagus
ijin repost ya gan
http://blogsyaputra.blogspot.com

Ilham syaputra said...

keren kali bung.
ijin repost gan heheheh
tenang ane kasih sumbernya

http://blogsyaputra.blogspot.com

Kabela said...

akhirnya ketemu juga cara membuat comment facebook. izin mau baca gan

Riekha said...

gan knpa gk nongol2 aje yeee...
bingung ane ha..

Dvper said...

mantappp gan....
langsung bisa di pakai..
thanks gan..

BISNIS ONLINE said...

wahhhhh... mantappp.. sob...? jadi...



makasih info nya.. :)

happy blogging,,,

BISNIS ONLINE said...

kok punya ane, di bawah nya gambar ada tulisan " The comments plugin requires an href parameter " sob. ?

ATLANT@ MEDIA PRIMA said...

Thanks mas..... setelah aku browsing and nyoba semua artikel... akhirnya ketemu punya mas....dan OKE....

Wibawa Ary said...

wahh gan , berfungsi banget , thnks broo

iWaka91 said...

Sip gan, makasih uda share :)

Shevtii Naya Rivera said...

tetep gabisa nih :( , data gak mau diproses gitu , help doungs

Bima X. said...

Thanks gan infox memuaskan...

singgah juga blog Q
http://duniabelajargurumaju.blogspot.com/

khamirYeast said...

thank you so much.... akhirnya aku bisa bikin kolom komentar berkat tutorial anda.... dari sekian bnyk tutorial spt ini yg saya ikuti, semuanya gagal, cm tutorial yg kedua anda lah yg berhasil... ih senengnya.... thanks ya

salam

yissa (@yissaluthana)

MasTer Q said...

syukur dech jika banyak yg berhasil, buat yang belum berhasil atau mengalami kendala, silahkan konfirmasi, insya Allah akan saya bantu untuk memasangnya,,

mirza cray said...

thanks mas bro,,,
ane berhasil :D
tapi komentarnya warna hitam
susah ngebacanya...

http://craytong.blogspot.com

UMUM said...

maantaaap

MasTer Q said...

@mirza cray mas bro, sepertinya sudah saya sebutkan juga pada bagian "colorscheme" silahkan mas bro simak kembali mengenai background gelap,,

Trax Video said...

maksaih banyak gan...info yg menarik....thx u...

Trax Video said...

oia gan, kodenya berhasil tapi kenapa ga bs nge"admin" komentar2nya contohnya kita ga bs ngapus komentar org yg ga senonoh mohon petunjuk di email ya gan traxvideo.bali@gmail.com ... thx u..

Cipta Karya Cerpen said...

Ngetes cara yang pertama nggak mau.
Sekali yang kedua baru oke...
Thanks ya infonya.....

Junior Iqfar said...

terima kasih telah membantu saya karena saya mencari ini sudah lama...

Nizwa Ayuni said...

nice share! :)
tapi itu ada fitur reply komennya gak gan? makasii sebelumnyaa ^^

MasTer Q said...

@Nizwa Ayuni untuk fitur reply comment, silahkan ikuti langkah yang udh di update,,

MasTer Q said...

@Trax Video untuk menambahkan fungsi admin yang berguna untuk "memoderasi" atau pengaturan tentang komentar facebook, anda bisa menambahkan kode meta tag berikut ini pada tempate, <meta content='rizki.khaizir' property='fb:admins'/> silahkan ganti "rizki.khaizir" dengan id atau username profil facebook anda. Semoga bisa membantu.

kangsus said...

master Q, .... saya ingin ngucapin banyak terima kasih nih, karena blog master telah membuat kepalaku jadi ringan. gara-gara mau buat kotak komentar facebook aku jadi pusing kepalang selama kurang lebih 1 minggu, namun setelah ketemu posting master, kepalaku jadi encer, bravo blogger. tapi untuk naruh gambar di atas komentarnya belum bisa nih master, kasih tahu lagi ya ...hehe...

Rudy Hartono said...

terima kasih atas informasinya yang sangat bermanfaat dan mudah untuk dicerna

MasTer Q said...

@kangsus sama sama mas, terima kasih telah berkunjung dan berkomentar, maksud mas gambar yg mana yea, kalau gambar seperti fb comment diatas, mas tinggal selipkan kode ini :
<p align='left'><a href='http://www.wakrizki.net/2011/02/membuat-komentar-facebook-sederhana.html' target='_blank'><img border='0' height='30' src='http://4.bp.blogspot.com/_VRwISTiabbk/TU66SGiMM6I/AAAAAAAABDA/F08fuVZaWOU/s1600/comment.gif' width='200'/></a></p>

tepat diatas kode <div id='fb-root'/>

MasTer Q said...

@Rudy Hartono sama sama mas karena sudah sudi mampir,,

Soccer Nine said...

thanks gan ternyata saya berhasil dengan info gan yang terbaru ..

obatsehat said...

thanks,,,,,,,

sukague.com said...

ini yang lama ya??

Jual Tas Wanita - Jual Tas Branded - Tas Branded Murah said...

siiiiiiiiiiiiip

MasTer Q said...

@sukague.com silahkan ikuti cara yang telah di update di bawah postingan tersebut "Update Terbaru"

Gembong Abisatya said...

sipp!! thnks ya sob!

dwiprazetyo said...

thnk u berhasilll gan.... :)

@kampungan said...

mantam gan... tanks ya...

Rudy Hartono said...

terima kasih sob atas informasinya yang sangat bermanfaat dan mudah dipahami, and visit me back

selyeon said...

Bung..tanya nih, kalo pake cara yang kedua cuman buat ngatur tema sm tata letak kotaknya ato IDnya jg sudah disertakan/sudah konek dgn fb??

MasTer Q said...

@selyeon coding itu sudah siap pakai, mungkin hanya sedikit pengaturan untuk kesesuaian dengan template, seperti lebar komentar facebook harus sesuai dengan lebar postingan agar tidak terjadi keganjilan..

Mochamad Sulchan said...

Thank's
Mantab mas Brow....

Mr. San San said...

saya sudah coba.. tapi ada peringatan "warning url posting tidak ditemukan".. contoh diposting ini gan

http://sanieburonan.blogspot.com/2012/02/logo-akbid-siti-fatimah-slawi-format.html

gimana gan cara betulinya.??

email pliss : sanieride@gmail.com

MasTer Q said...

@Mr. San San silahkan mas klik link warning tersebut (harus login fb dulu) kemudian klik "debug", jika berhasil, silahkan refresh (F5) blog mas. jika masih error, silahkan tambahkan <meta content='ID_Profil_FB' property='fb:admins'/> pada template, silahkan ganti ID_Profil_FB dengan id profil fb mas, semoga bisa membantu.

benchmark said...

thx gan infonya, udc sukses sy coba d blog saya, dg langkah yg ke-2, soalnya nyoba langkah yg pertama tde gagal..

salam knl, blogger newbie : http://belajardarimembaca.blogspot.com

Waspadia said...

makasih infonya ya..

Saderach Agung said...

keren abis langsung bisa dari pada blog yg lainya susah di mengerti

Gusari Iman said...

Assalamualaikum.
Alhamdulillah syukron katsir, jazakumulloh khoiron katsir
Langsung Berhasil sob, gk ada eror-erornya. terimakasi bnyak. semoga Alloh memberi kebaikan yang banyak buat sobat admin. Amin.

Supandi Sugeha Blog said...

wahh, mantapp gan, berhasil.. anak SD aja bisa buat,, tutornya mudah dan enak diikuti... :D

sukron infonya..

Amar Danis said...

ini ni,,.. yang gua cari.....
makasih banyak gan.... sukses slalu.. kunjung balik
http://amardanis.blogspot.com

IDAM BASHORI said...

beberapa hari ini aq mencari ini,,,,
akhirnya ketemu juga!!!
makasih mas.........

bigsplay said...

berhasil...mantab gan...thanks....

Poetra Bethan said...

Ok dah berhasil sob, tapi kok ketika saya coba komen kok gk jadi sob? gmana solusinya ini , hehe.. Di tunggu pencerahannya (~_~)
Di blog saya yang ini kalau mau lihat sob http://gusariman.blogspot.com

Ahmad Muhibullah said...

Mudah tpi bingung uyyy

liveart said...

wah makasih atas saranya mas kunjungi balik di tempat saya ya mas
http://www.amazon-dropshipping.info/

Poetra Bethan said...

Assalamualaikum.
Alhamdulillah berhasil dah, syukron atas layanannya sobat.

Anonymous said...

Ehya, kok masih ada dua itu gimana sih sebenarnya caranya? dan maksudnya readmore itu apa sih?

Anonymous said...

Sudah lama ingin memberi komentar blog dengan FB. Trims Gan infonya, mau saya coba praktekkan. Selam kenal, selamat dan sukses selalu untuk Anda.

Salam kompak:
Obyektif Cyber Magazine
(obyektif.com)

nurul musthofa said...

Peringatan: Plugin komentar ini beroperasi di dalam mode kesesuaian, tetapi belum mempunyai kiriman apa pun. Pertimbangkan untuk menetapkan 'href' yang jelas seperti diusulkan di dokumentasi plugin komentar untuk mendapatkan manfaat dari semua fitur plugin.

Arief Ardiansyah said...

Syukron.....

Iwan Untung said...

izin,, nyoba Gan,,,,, Salam Kenal Ya!!!! oh ya,,, Gan,,, Klw ada wktu luang,,, jgn lp mampir Gan.

Aris Muthohar said...

thnks infonya.....

jngn lupa mampir d blog ane story-am.com

Stevi Saputro said...

Berhasil gan. Thanks infonya. :)

sekedar wawasan said...

makin keren aja nih kotak komentar sob,,,tp para blogger lebih suka kotak komentar yg biasa sob,,soalnya nyari backlink sob...hehehe

coretan priyo said...

wehhh jan jadi ki mas.. matur nuhun ya...

Sabar Zhen said...

Mohon Kunjungannya sob..........

Egi gaul said...

keren bang wakrizki mantap banget deh so much thanks

putri fidian said...
This comment has been removed by a blog administrator.
putri fidian said...

.cnenx dh bza bca yg kya gnian .....
.bkin mta tmbh mlex"
.sxalian cri'in tmend duuunxt ??????

Admin FrankyShare - Franky said...

gan, caranya sudah sukses, tapi kenapa tiap ada komentar itu tidak ada pemberitahuannya ?

Followers