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.
Selamat mencoba, semoga berhasil. Jika tidak berhasil, ikuti langkah dibawah ini.
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.
Semoga berhasil.
Nah, bagi sobat yang ingin membuat kotak komentar facebook di blogspot ikuti tutorial berikut ini.
- Log ini ke akun blogger sobat;
- Pilih menu Rancangan » Edit HTML;
- Beri tanda centang pada tulisan Expand Template Widget;
- 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvo-JDsyK2Xsyd3ec7Ul6Wc_93NWrZbLCa8jq937o0VUMq-5h6I97IsLGIthyphenhyphengpywNPAB2t7F-L4yUaEfT_C8gBU-ECQy0VUjSd67FW57p4L92Fri89shE_z6SiPQGuXOAYcZjqcosnyM/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>
- Selanjutnya simpan template sobat
Selamat mencoba, semoga berhasil. Jika tidak berhasil, ikuti langkah dibawah ini.
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 == "item""> <div id='fb-root'/>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.
<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:if cond="data:blog.pageType == "item""> <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 == "item""> <div id='fb-root'/>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.
<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'>
Semoga berhasil.
115 Komentar "Membuat Komentar Facebook Sederhana Pada Blog", Baca atau Masukkan Komentar
Siiip...
Mantaaabh......
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...
bang,punya saya kok gak bisa,gak ad kode nya,biar bisa gmna bang,tolong bimbingan nya,,,
ok lah mantap banget. nget. nget. nget. hehe..
gakpapa jugalah fto mas coteknya dimuat. jgn foto pejabat teyus. peace bro
Thanks gan
sebelumnya makasih ya gan atas infonya
tapi kok gak bisa ya. mohon bimbingannya gan
gan mau nanya, waktu ada pengunjung berkomentar kok ga ada notifications ya? apanya yang salah?
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/
gagal bos menggunakan <b:if..pada update ke 2nya
heheheheheheheee... boleh juga infonya bang, terima kasih, salam lestari dan bloger......
kok masih tampilan loading ya (aku pake cara kedua)..
thanks,,,,,,,
thx sopb.. sekian lama gw cari cara bwt dapetin cooment fb.. ehh ternyata ada elo.. check > http://www.JenkWekz.blogspot.com/
Wah, kren mas bro..., sukses dah, :)
makasih ya,,ehehe,,visit blog saya ya
www.putuananta.blogspot.com
mantapss gannnnsss... kapan2 main yahhhhh ke http://miakhlaqiyyah.blogspot.com/
tengkyu mas broo
Terimakasih buat Infonya. Oya mau tanya bagaimana cara membuat colom POST COMMENT bisa berubah kayak punya anda
mantap gan...berkunjungbalik yah di http://zhayhacker.blogspot.com
trimakasi
Makasih yhaaw,, sudah bisa neeyy,, thankzz
berhasil.....
makasih yah..
di tunggu buat liat hasilnya di bloog saya.
cari-lovinzsky.blogspot.com
koq, punyaku ga bisa ya. apa templatenya ga dukung? mhon pejlsan, thanks
keren gan........
infonya bagus....
visit my blog>>>> http://thegrusagrusu.blogspot.com
and http://gundulsgadgets.blogspot.com
sipp
Thanks mas tipsnya, langsung pasang ni.. :)
Sip thanks
cukup nice
mantep banget
informasi menarik nih.. baca2 dulu boleh ya, tar kapan2 di coba deh..
Thanx infona, langsung bekerja :)
Makasih gan, bisa :)
hatur nuhunt a..
wah.. sangat membantu gan..terima kasih.. :)
bermanfaat gan :) makasih
mampir blog ane :) aswanudin.blogspot.com
thanks... nice posting.
mantap sob, tapi lumayan ribet juga ya.. gpp, tar dicobain. soalnya belum ada sigh!
gan,,,
gimana caranya bkin aplikasi ID nya tu gan...
mohon bantuannya ya gan..
@oenoen » sebaiknya ikuti langkah yang kedua atau yang telah d update, karena banyak perbedaanya, terima kasih, ,
makasih mas infonya
100% worked!!
b^^d
tfs bro..
ini yg sedang ane cari...
mangtabs...
salam damai kami sepanjang hari...
thanks mas berhasil
makasih ya gan atas infonya dan jgn lupa mampir ke blog ane ya http://rexpector.blogspot.com
pnya q ko ada tulisan warningnya knapa ya?
mantap teman...thanks ya...
jangn lupa link balik^_^
setelah di coba lagi, mantepppppp.. :)
Mantabz
keren kali bung. salam kenal. blog bagus
ijin repost ya gan
http://blogsyaputra.blogspot.com
keren kali bung.
ijin repost gan heheheh
tenang ane kasih sumbernya
http://blogsyaputra.blogspot.com
akhirnya ketemu juga cara membuat comment facebook. izin mau baca gan
gan knpa gk nongol2 aje yeee...
bingung ane ha..
mantappp gan....
langsung bisa di pakai..
thanks gan..
wahhhhh... mantappp.. sob...? jadi...
makasih info nya.. :)
happy blogging,,,
kok punya ane, di bawah nya gambar ada tulisan " The comments plugin requires an href parameter " sob. ?
Thanks mas..... setelah aku browsing and nyoba semua artikel... akhirnya ketemu punya mas....dan OKE....
wahh gan , berfungsi banget , thnks broo
Sip gan, makasih uda share :)
tetep gabisa nih :( , data gak mau diproses gitu , help doungs
Thanks gan infox memuaskan...
singgah juga blog Q
http://duniabelajargurumaju.blogspot.com/
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)
syukur dech jika banyak yg berhasil, buat yang belum berhasil atau mengalami kendala, silahkan konfirmasi, insya Allah akan saya bantu untuk memasangnya,,
thanks mas bro,,,
ane berhasil :D
tapi komentarnya warna hitam
susah ngebacanya...
http://craytong.blogspot.com
maantaaap
@mirza cray mas bro, sepertinya sudah saya sebutkan juga pada bagian "colorscheme" silahkan mas bro simak kembali mengenai background gelap,,
maksaih banyak gan...info yg menarik....thx u...
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..
Ngetes cara yang pertama nggak mau.
Sekali yang kedua baru oke...
Thanks ya infonya.....
terima kasih telah membantu saya karena saya mencari ini sudah lama...
nice share! :)
tapi itu ada fitur reply komennya gak gan? makasii sebelumnyaa ^^
@Nizwa Ayuni untuk fitur reply comment, silahkan ikuti langkah yang udh di update,,
@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.
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...
terima kasih atas informasinya yang sangat bermanfaat dan mudah untuk dicerna
@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'/>
@Rudy Hartono sama sama mas karena sudah sudi mampir,,
thanks gan ternyata saya berhasil dengan info gan yang terbaru ..
thanks,,,,,,,
ini yang lama ya??
siiiiiiiiiiiiip
@sukague.com silahkan ikuti cara yang telah di update di bawah postingan tersebut "Update Terbaru"
sipp!! thnks ya sob!
thnk u berhasilll gan.... :)
mantam gan... tanks ya...
terima kasih sob atas informasinya yang sangat bermanfaat dan mudah dipahami, and visit me back
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??
@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..
Thank's
Mantab mas Brow....
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
@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.
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
makasih infonya ya..
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.
wahh, mantapp gan, berhasil.. anak SD aja bisa buat,, tutornya mudah dan enak diikuti... :D
sukron infonya..
ini ni,,.. yang gua cari.....
makasih banyak gan.... sukses slalu.. kunjung balik
http://amardanis.blogspot.com
beberapa hari ini aq mencari ini,,,,
akhirnya ketemu juga!!!
makasih mas.........
berhasil...mantab gan...thanks....
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
Mudah tpi bingung uyyy
wah makasih atas saranya mas kunjungi balik di tempat saya ya mas
http://www.amazon-dropshipping.info/
Assalamualaikum.
Alhamdulillah berhasil dah, syukron atas layanannya sobat.
Ehya, kok masih ada dua itu gimana sih sebenarnya caranya? dan maksudnya readmore itu apa sih?
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)
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.
Syukron.....
izin,, nyoba Gan,,,,, Salam Kenal Ya!!!! oh ya,,, Gan,,, Klw ada wktu luang,,, jgn lp mampir Gan.
thnks infonya.....
jngn lupa mampir d blog ane story-am.com
Berhasil gan. Thanks infonya. :)
makin keren aja nih kotak komentar sob,,,tp para blogger lebih suka kotak komentar yg biasa sob,,soalnya nyari backlink sob...hehehe
wehhh jan jadi ki mas.. matur nuhun ya...
Mohon Kunjungannya sob..........
keren bang wakrizki mantap banget deh so much thanks
.cnenx dh bza bca yg kya gnian .....
.bkin mta tmbh mlex"
.sxalian cri'in tmend duuunxt ??????
gan, caranya sudah sukses, tapi kenapa tiap ada komentar itu tidak ada pemberitahuannya ?
Post a Comment