Pernah ketika itu ada salah satu sobat saya menanyakan, gimana sih caranya membuat kotak penggemar facebook (Like Box Facebook) di blog milik kita...?
Namun terlebih dahulu saya akan terangkan fungsi dari widged Like Box ini adalah sebagai media sarana untuk menjalin perkenalan atau persahabatan antara Blog tersebut dengan para Facebookers dan meminta para facebookers tersebut bersedia menjadi penggemar blog milik kita, dengan catatan para facebokers itu memang harus betul-betul menyukai isi dari blog tersebut, yang ditandai dengan di kliknya tombol " like/suka " yang ada di dalam widged Like Box itu.
Namun terlebih dahulu saya akan terangkan fungsi dari widged Like Box ini adalah sebagai media sarana untuk menjalin perkenalan atau persahabatan antara Blog tersebut dengan para Facebookers dan meminta para facebookers tersebut bersedia menjadi penggemar blog milik kita, dengan catatan para facebokers itu memang harus betul-betul menyukai isi dari blog tersebut, yang ditandai dengan di kliknya tombol " like/suka " yang ada di dalam widged Like Box itu.
Seperti gambar dibawah inilah tampilan dari widged Like Box Facebook.
Gambar di atas adalah contoh Like Box Facebook milik blog saya Catatan Pena, lebih jelasnya anda bisa lihat dihalaman Catatan Pena ini, lalu gimana cara membuatnya...? mudah sekali yang penting syarat utamanya adalah anda harus punya akun di Facebook.
Ada 2 Tahap yang harus anda lakukan yaitu :
TAHAP 1.
Mendaftarkan halaman penggemar/Fans blog kita di Facebook
Login/masuk ke Facebook anda dan jangan Facebook milik orang lain ya..nanti berbahaya he..he..he.
Kemudian anda buka halaman ini http://www.facebook.com/pages/create.php dan pilih/klik " Merk atau Produk "
Akan keluar beberapa pilihan, di kolom kategori pilihlah yang berkategori " Situs Web " sementara di kolom merek atau produk silahkan tulis nama tampilan halaman penggemar anda dan centang kotak kecil yang menyatakan persetujuan kemudian klik tombol "mulai " dan dihalaman berikutnya anda hanya tinggal mengatur isi dari halaman itu misalnya foto profil dan lain-lain.
Sekarang anda sudah memiliki halaman penggemar/fans untuk blog anda, dan catat alamat URL halaman penggemar Facebook anda tersebut.
TAHAP 2
Membuat Widged Like Box Facebook untuk ditempatkan di Blog
Buka halaman http://developers.facebook.com/plugins/?footer=1 dan setelah terbuka pilih " Like Box "
Akan muncul halaman untuk mendapat kode widgednya, silahkan isi kolom Facebook Page URL dengan alamat URL halaman penggemar Facebook yang telah kita buat sebelumnya, kemudian klik " Get Code " untuk mendapatkan kode scriptnya dan kode script itulah nantinya yang akan kita tempatkan di blog kita.
Tampilannya seperti gambar di bawah ini.
Keterangan Gambar :
Facebook Page URL : alamat URL halaman penggemar facebook kita.
Width : Lebar widged.
Height : Tinggi widged.
Color Scheme : untuk menampilkan warna latar widgednya.
Show Faces : untuk memunculkan/menyembunyikan Photo para penggemarnya.
Border Color : untuk membuat warna disisi widgednya.
Stream : Menampilkan komentar di comunity halaman facebook anda.
Header : Menampilkan kata " find us on facebook "
Get Code : kode scriptnya dari widged tersebut
Selesai deh...dan silahkan anda mencobanya.
Semoga informasi ini bermanfaat.
Cara Membuat Like Box Facebook Di Blog
96 Komentar
Dilarang menambahkan link aktif bro!
Balasthanks
Balasthanks infonya..
Balasklo buat komentar fb d blog gmn ya?
Untuk buat komentar Fb diblog silahkan buka alamat ini:
Balashttp://developers.facebook.com/docs/reference/plugins/comments/
sama seperti cara membuat like box FB hanya beda kode scriptnya saja
kenapa di blog saya belum ada?
Balaspadahal saya sudah mengikuti tutor di atas sampai selesai ..
gimana cara nya supaya itu muncul di blog saya?
Mungkin mas ramdani belum berhasil sewaktu Mendaftarkan halaman penggemar/Fans blognya, jadi biasanya URLnya belum akurat, seperti yang saya terangkan pada Tahap 1.Dan kebanyakan masalahnya sering pada hal tersebut.
Balasbos ,gw dah punya halaman di fb,itu gi mana bisa nga di gunain buat blog gw ? Blog hamburadul sihbos ,gw dah punya halaman di fb,itu gi mana bisa nga di gunain buat blog gw ? Blog hamburadul sih
Balas@Mas Djum Ezza:Saya udah mampir ke blognya dan blognya mas Ezza udah bagus.mengenai pertanyaan mas Ezza yg sudah punya halaman di Fb, berarti mas Ezza tinggal mengambil kode scriptnya dan kode script tersebut yang dimasukkan diblog dengan cara masuk ke menu Rancangan-->Tambah Gadged-->HTML/JavaScript kemudian simpan.
BalasMau tanya bro...Like Box Facebook udah dibuat Di Blog dan penggemarnya udah ada tapi kenapa photo para penggemarnya tidak muncul di likebox...Thx
BalasBuat Scholarship : Coba lihat di kode scriptnya,disana ada tulisan show_faces=false.
BalasGanti tulisan false dengan true.
Thx bro atas responnya.......waktu pertama setting likebox memang untuk show faces di centang dan scripnya show_faces=true, tapi hasilnya faces gak nongol-nongol juga...masih adakah solusi lain bro..? ok sekali lagi thx ya..salam dari Medan...!!!
BalasHoras...;;)
Balasmas mau tanya?
Balaskode yg di ambil yang mana???
lihat disini:
http://www.facebook.com/photo.php?fbid=256508687731115&set=a.256508664397784.80042.100001159574014&type=3&theater
tks ya mas, sudah dipasang di blog saya http://sweetycollections.blogspot.com/
BalasTo arch gallery-89: Saya lihat dan tulisannya seperti ini "Konten ini sekarang tidak tersedia" saya juga bingung tuh mas ~x( Coba deh kamu ulangi sekali lagi, mungkin saja kamu terburu-buru dan kurang hati hati.Makasih.
BalasTo Siti Maryam: Saya sudah berkunjung ke blognya..Mantap...sukses buat kamu. ;;)
Balasyang di copy yang mana mas bro....
Balaskarna disitu ada dua script....
tolong pencerahanx....
TQ
To ewink zLaLo: Yang dicopy dan dimasukkan kedalam blog mas bro adalah script yang keluar disaat mas bro mengklik tombol "Get Code". Thanks mas bro atas kunjungannya. ;;)
Balasmas kita taronya di tambah gaget bukan??
Balasmauliate lae marbun infonya.
Balasfollow blog ku juga ya.
adhie soesilo situmorang
http://www.adhiesoesilo.blogspot.com
BalasOke Mantap. Makasih atas kunjungannya dan sukses slalu.
BalasTo siidiotdaribb.com : Benar sekali. Makasih atas kunjungannya.
Balasmantap... ku coba yah...
BalasOke silahkan bro.
Balasmakasi tipsnya ya ...
Balasni yang kucari-cari ...
mkasih mas atas infony, info yang mnarik
Balasblog mas sdah sya follow, follBack ea mas
ni link saya
http://riefsly.blogspot.com/
kodenya kita letakkan dimana mas ?
BalasTo Riyan Fikri : mantap..
BalasTo M.Riefky Sucahyo : siap meluncur mas..hehee
)
Balasto Youdhaz: kodenya diletakkan di bagian widged
BalasDilarang menambahkan link aktif bro!
BalasMakasih mas, buat newbie kyk saya sangat bermanfaat. Izin langsung ke TKP.., mohon disinggahi juga mas gubuk kami..hehe..masih butuh petunjuk.
Balasthanks info'x sob.......!!
BalasMakasih ya mas tips nya mantab bgt,jangan bosen sharenya ya..
Balascara pasang kode iframe atau HTML d blog nya gmn bos?
Balaska kek mana cara pasang nya
Balasaku dah coba tapi ga bisa
help me...
ini blog aku
http://nitatohang.blogspot.com/
horas ito
makasih infonya ya..
Balassalam..
Balasabang² , kakak² , saya minta bantuan nya donk,,
saya udah ngikutin langkah² yang ada di atas. saya copas code nya ke blog saya tapi kok gak muncul like box nya..
ini blog saya http://ariansart.blogspot.com
masih newbie gan
thanks artikelnya bermanfaat sekali
Balasmakasih tutor nya.. sangat bermanfaat,,,
Balaswww.dades93.co.cc
best
Balasmakasih sob infonya
Balasnamanya bisa di ganti ga gan??
BalasSepp gan ane cba dan Brhasil
Balaskok susah sich...
BalasSelamat malam sobat....
BalasPerkenalkan sama saya syamsul dari Syamarif's Blog
Saya agak bingung pas memasang kode script dari facebook setelah kode body tapi kodenya gak ada yang ada juga kode < body > nya diikuti < body expr:class='"loading" + data:blog.mobileClass >
Makasih infonya
BalasIni yang saya cari.
Mampir di blog saya ya.
dulida.com
bang simpanya dmna code HTML Ny dmna??
Balassaya sudah coba sesuai saran di atas tapi hasil nya nol,sebab fb hanya menerima satu kali saja di akun saya di fb yang lain dan email saya yang berbeda juga akun berbeda di fb gak bisa di terima fb lagi.saya mencermati ini selama 5 jam jadi pusing kepala.
BalasThank's lot,artikel yang sangat sangat membantu saya
Balasmantap, makasih gan
Balasthx gan infonya membantu banget lam kenal dari saya
Balasgan kok bintangnya gak ada ? tapi cuma 4.5 doang .. ?? gimana kang bintang bintannya ??
Balasmanteb mas bro
BalasAlhamdulillah sudah berhasil...
BalasMaen2 ke http://lesgitarmalang.blogspot.com ya Gan... Coba di koreksi hehehe....
info yang sangat berguna gan, sekarang blog ane jadi tambah keren, jangan lupa jalan2 ke blog ane juga ya gan. koment n sarannya di tunggu gan...!!
Balashttp://badry7.blogspot.com
Sudah saya pasang di blog
Balasoke info nya mas kunjung balik ke
Balashttp://fajar-juli.blogspot.com
mksih info ny mas....
Balassaya mw nnya, knp pas mw di copy paste kode script ny, like box ny ga muncul gmna ya???
mohon bantuan ny...
Terima kasih sob infonya sangat membantu...
BalasTukeran link yuk ... :
http://irvanuzumaki.blogspot.com
Tempat Download Anime Bahasa Indonesia !!
Nice gan , kujungi blog saya bang..
Balasgan kode script'a di copy kemana?
Balasbos ,gw dah punya halaman di fb,itu gi mana bisa nga di gunain buat blog gw ? blognya namanya dlongopo-23fc.blogspot.com.....
Balasgimana bos, bisa gag???
kok di saya ga bisa keluar ya
BalasGan...gimana canya ngedektin antara header dengan foto pengunjung....jaraknya jauh benfget bisa dilihat di http://rossanoni.blogspot.com
Balastrima kasih gan
kok di tempat saya gak muncul ya gan.?mohon pencerahannya.
Balasini yang aku tunggu2,,,
Balasmakasih mas infonya
artikel bagus. sdg sy coba terapkan. tapi kok belum muncul kotak like fb ya?
Balassy tunggu kunjungan baliknya di http://apasajatentanghamil.blogspot.com
hx kawaan,berhasil dicoba
BalasThank gan,,, infonya sangat bermanfaat.
Balassudah say cobe dan alhamdulilah berhasil.
thanks bgt utk postnya, sdh aku coba di blog aku dan hasilnya keren bgt...
BalasSalam Sukses,
D-Jakarta
mantap posting nya gan . . .
Balaskunjungi juga blog ane gan . . .
ane udah join ke blog nte . . join jga blog ane yoo . . . masih baru neeeh . . . thk gan
Balasmantap gan
Balaskunjungi dan follow juga blog saya gan <a href="http://warna-xp.blogspot.com/>cerita paling seru</a>
makasih untuk tutorialnya...
Balasthank's gan, telah terpasang
Balassudah ane terapkan gan di blog ane
Balasjgn lupa singgah di blog ane y gan
gadoong.blogspot.com
malasih infonya sobb...
Balaskunjungi blog ku : gedeendra.blogspot.com
Balasterima aksih bnyak atas infonya..sudah ane coba dan berhasil..
Balassaran saya bagaimana di paragraf terakhir di masukan contoh kode html yng perlu di copi paste ke blog kita itu krn saya sempat bingung yang mana perlu say copy karena ada 2 pilihan..
wah mantap nih buat di coba, ..
Balasmakasih tips nya sob
Balasmakasih gan
Balasmin ngomong ngomong codenya yang mana ..?
Balaspas aku clik ( get code ) tiba tiba keluar dua buah code..?
ngomng ngomong yang mana ya ...yang bisa di ambil..?
mohon bantuannya
Good gan,, sangat bermanfaat ^^ visit balik ya http://www.smbcumrohhaji.co.id/
Balasmantap gan..
BalasTanks Gan iNFO yng
BalasJelas
mksh gan info'x sangat bermanfaat sekali...
Balassukses terus buat blognya. . .
wah ternyata harus masuk develover dari beranda gka bisa ya
BalasSiip saya coba scriptnya di blog saya, makasih sudah share
Balashttp://www.pusatsuzuki.com/2012/12/spesifikasi-mega-carry-pick-up.html
terimakasih informasinya, saya akan coba..
Balasikut nyimak gan... sip
BalasHay sobat, blogwalking di sore hari.
BalasJangan lupa kunjungin juga yaah http://www.ariiff-rahman.com/
bagaimana meletakan kode tersebut di blog
BalasManteb om, info nya
BalasPenulisan markup di komentar