Home » » Cara Membuat Like Box Facebook Di Blog

Cara Membuat Like Box Facebook Di Blog

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


Terima kasih anda telah membaca artikel tentang
Cara Membuat Like Box Facebook Di Blog
Jika bermanfaat anda boleh menyebarluaskan atau meng copy paste Artikel ini pada blog anda
tetapi baca dulu aturan mainnya Disini.
Ingin berlangganan artikel Catatan Pena silahkan masukkan email anda, dengan begitu anda akan mendapat kiriman artikel setiap ada artikel baru yang terbit di Catatan Pena

96 Komentar:

Spoiler Untuk lihat komentar yang masuk:
BUKAL mengatakan...

mantep banget blog nya,,,infonya sangat saya butuhkan!!,,makasi y,,,salam kenal dari newbie!!
money online
JUAL BELI ALERTPAY PAYPAL LIBERTY RESERVE
Paypal
AlertPay
Liberty Reserve
JUAL BELI Paypal

andy mengatakan...

thanks :D

PERPUSTAKAAN ONLINE KEBIDANAN mengatakan...

thanks infonya..

klo buat komentar fb d blog gmn ya?

Davot Marbun mengatakan...

Untuk buat komentar Fb diblog silahkan buka alamat ini:

http://developers.facebook.com/docs/reference/plugins/comments/

sama seperti cara membuat like box FB hanya beda kode scriptnya saja :)

Muhammad Ramdani mengatakan...

kenapa di blog saya belum ada?
padahal saya sudah mengikuti tutor di atas sampai selesai ..
gimana cara nya supaya itu muncul di blog saya?

Davot Marbun mengatakan...

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.

djum ezza mengatakan...

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

Davot Marbun mengatakan...

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

Scholarship mengatakan...

Mau tanya bro...Like Box Facebook udah dibuat Di Blog dan penggemarnya udah ada tapi kenapa photo para penggemarnya tidak muncul di likebox...Thx

Davot Marbun mengatakan...

Buat Scholarship : Coba lihat di kode scriptnya,disana ada tulisan show_faces=false.
Ganti tulisan false dengan true.

Scholarship mengatakan...

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

Davot Marbun mengatakan...

Horas...;;)

arch gallery-89 mengatakan...

mas mau tanya?
kode yg di ambil yang mana???

lihat disini:


http://www.facebook.com/photo.php?fbid=256508687731115&set=a.256508664397784.80042.100001159574014&type=3&theater

Siti Maryam mengatakan...

tks ya mas, sudah dipasang di blog saya http://sweetycollections.blogspot.com/

Davot Marbun mengatakan...

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

Davot Marbun mengatakan...

To Siti Maryam: Saya sudah berkunjung ke blognya..Mantap...sukses buat kamu. ;;)

ewink zLaLo' mengatakan...

yang di copy yang mana mas bro....
karna disitu ada dua script....
tolong pencerahanx....
TQ

Davot Marbun mengatakan...

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. ;;)

www.siidiotdaribb.com mengatakan...

mas kita taronya di tambah gaget bukan??

adhie soesilo mengatakan...

mauliate lae marbun infonya.

follow blog ku juga ya.

adhie soesilo situmorang

adhie soesilo mengatakan...

http://www.adhiesoesilo.blogspot.com

Davot Marbun mengatakan...

Oke Mantap. Makasih atas kunjungannya dan sukses slalu.

Davot Marbun mengatakan...

To siidiotdaribb.com : Benar sekali. Makasih atas kunjungannya.

abi zahran mengatakan...

mantap... ku coba yah...

Davot Marbun mengatakan...

Oke silahkan bro.

Riyan Fikri mengatakan...

makasi tipsnya ya ...
ni yang kucari-cari ...

M.Riefky Sucahyo mengatakan...

mkasih mas atas infony, info yang mnarik
blog mas sdah sya follow, follBack ea mas
ni link saya :D
http://riefsly.blogspot.com/

Youdhaz mengatakan...

kodenya kita letakkan dimana mas ?

Davot Marbun mengatakan...

To Riyan Fikri : mantap..

Davot Marbun mengatakan...

To M.Riefky Sucahyo : siap meluncur mas..hehee :))

Davot Marbun mengatakan...

to Youdhaz: kodenya diletakkan di bagian widged

otheroption mengatakan...

makasih gan bermamfaat baget udah keliling baru ketemu ini.. :)

mampir ke blog ane juga gann.. :)

Cara memperbanyak backlink sehingga page rank kita naik

Arrabby Ahmady mengatakan...

Makasih mas, buat newbie kyk saya sangat bermanfaat. Izin langsung ke TKP.., mohon disinggahi juga mas gubuk kami..hehe..masih butuh petunjuk.

Ubay el-Cool mengatakan...

thanks info'x sob.......!!

Ajat theWise Sudrajat mengatakan...

Makasih ya mas tips nya mantab bgt,jangan bosen sharenya ya..

hahay colect mengatakan...

cara pasang kode iframe atau HTML d blog nya gmn bos?

junita tohang mengatakan...

ka kek mana cara pasang nya
aku dah coba tapi ga bisa
help me...

ini blog aku
http://nitatohang.blogspot.com/

horas ito

Waspadia mengatakan...

makasih infonya ya..

Gunawan Frincencius mengatakan...

Thanks :)

Arians Yayan mengatakan...

salam..
abang² , 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 ^_^

Rudy Hartono mengatakan...

thanks artikelnya bermanfaat sekali

dades nugroho mengatakan...

makasih tutor nya.. sangat bermanfaat,,,

www.dades93.co.cc

Zerpank mengatakan...

best

Rudy Hartono mengatakan...

makasih sob infonya

Faiq Fadhillah mengatakan...

namanya bisa di ganti ga gan??

Limit Komputer mengatakan...

Sepp gan ane cba dan Brhasil

eko knight mengatakan...

kok susah sich...

syamsul arifin mengatakan...

Selamat malam sobat....
Perkenalkan 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 >

raden wijaya mengatakan...

Makasih infonya
Ini yang saya cari.
Mampir di blog saya ya.
dulida.com

Riky Kavrush mengatakan...

bang simpanya dmna code HTML Ny dmna??

Wino mengatakan...

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

FLO Online HijabStore mengatakan...

Thank's lot,artikel yang sangat sangat membantu saya

profil mengatakan...

mantap, makasih gan

riko.wjy92 mengatakan...

thx gan infonya membantu banget lam kenal dari saya

anonim os mengatakan...

gan kok bintangnya gak ada ? tapi cuma 4.5 doang .. ?? gimana kang bintang bintannya ??

rebriatnam mengatakan...

manteb mas bro

Puhawang Eka Putra mengatakan...

Alhamdulillah sudah berhasil...
Maen2 ke http://lesgitarmalang.blogspot.com ya Gan... Coba di koreksi hehehe....

Raja Muda (BADRY) mengatakan...

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

http://badry7.blogspot.com

batar delrey mengatakan...

Sudah saya pasang di blog

fajar juli awan mengatakan...

oke info nya mas kunjung balik ke
http://fajar-juli.blogspot.com

Agnes Lionarti mengatakan...

mksih info ny mas....
saya mw nnya, knp pas mw di copy paste kode script ny, like box ny ga muncul gmna ya???
mohon bantuan ny...

Irvan Gustian mengatakan...

Terima kasih sob infonya sangat membantu...
Tukeran link yuk ... :
http://irvanuzumaki.blogspot.com

Tempat Download Anime Bahasa Indonesia !!

akangyanto mengatakan...

Nice gan , kujungi blog saya bang..

CrazyAsianKid mengatakan...

coba ah di blog gua www.crazyindokid.blogspot.com dan www.indointergate.blogspot.com

aldi sukmadika mengatakan...

gan kode script'a di copy kemana?

refa Sama mengatakan...

bos ,gw dah punya halaman di fb,itu gi mana bisa nga di gunain buat blog gw ? blognya namanya dlongopo-23fc.blogspot.com.....

gimana bos, bisa gag???

alex-suzuki.blogspot.com mengatakan...

kok di saya ga bisa keluar ya :(

Zulfa Heppy mengatakan...

Gan...gimana canya ngedektin antara header dengan foto pengunjung....jaraknya jauh benfget bisa dilihat di http://rossanoni.blogspot.com

trima kasih gan

agriculturproduct mengatakan...

kok di tempat saya gak muncul ya gan.?mohon pencerahannya.

detektif007 mengatakan...

ini yang aku tunggu2,,,
makasih mas infonya :D

Arief Noegroho SM mengatakan...

artikel bagus. sdg sy coba terapkan. tapi kok belum muncul kotak like fb ya?
sy tunggu kunjungan baliknya di http://apasajatentanghamil.blogspot.com

diaryonline.web.id mengatakan...

hx kawaan,berhasil dicoba

Dede Tolibin mengatakan...

Thank gan,,, infonya sangat bermanfaat.
sudah say cobe dan alhamdulilah berhasil.

Fediana Mengididi mengatakan...

thanks bgt utk postnya, sdh aku coba di blog aku dan hasilnya keren bgt...

Salam Sukses,
D-Jakarta

ONEBENX mengatakan...

mantap posting nya gan . . .
kunjungi juga blog ane gan . . .

ONEBENX mengatakan...

ane udah join ke blog nte . . join jga blog ane yoo . . . masih baru neeeh . . . thk gan

dex goez mengatakan...

mantap gan
kunjungi dan follow juga blog saya gan <a href="http://warna-xp.blogspot.com/>cerita paling seru</a>

cara custom domain di blogspot terbaru mengatakan...

makasih untuk tutorialnya...

Highlight Video, Klasemen, Jadwal, Berita Sepak Bola mengatakan...

thank's gan, telah terpasang

Administrator mengatakan...

sudah ane terapkan gan di blog ane
jgn lupa singgah di blog ane y gan
gadoong.blogspot.com

Aditya Pratama mengatakan...

malasih infonya sobb...

Endra Bratha mengatakan...

kunjungi blog ku : gedeendra.blogspot.com

awan yg ehem ehem mengatakan...

terima aksih bnyak atas infonya..sudah ane coba dan berhasil..

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

sumber pengobatan mengatakan...

wah mantap nih buat di coba, ..

Tips dan Trik mengatakan...

makasih tips nya sob

kiyaiteknologi mengatakan...

makasih gan

luffy sama mengatakan...

min ngomong ngomong codenya yang mana ..?
pas aku clik ( get code ) tiba tiba keluar dua buah code..?
ngomng ngomong yang mana ya ...yang bisa di ambil..?

mohon bantuannya

Dion Agni mengatakan...

Good gan,, sangat bermanfaat ^^ visit balik ya http://www.smbcumrohhaji.co.id/

Arif Curl mengatakan...

mantap gan..

Budi Pradana mengatakan...

Tanks Gan iNFO yng
Jelas

Sonya mengatakan...

mksh gan info'x sangat bermanfaat sekali...
sukses terus buat blognya. . .

cewek manis mengatakan...

wah ternyata harus masuk develover dari beranda gka bisa ya

suzuki semarang mengatakan...

Siip saya coba scriptnya di blog saya, makasih sudah share
http://www.pusatsuzuki.com/2012/12/spesifikasi-mega-carry-pick-up.html

sulaemandiki mengatakan...

terimakasih informasinya, saya akan coba..

Dafiin Defandaky mengatakan...

ikut nyimak gan... sip

Arif Rahman Hakim mengatakan...

Hay sobat, blogwalking di sore hari.
Jangan lupa kunjungin juga yaah http://www.ariiff-rahman.com/


Poskan Komentar

Bila artikel ini bermanfaat janganlah pelit untuk memberikan komentar.

 
Copyright © 2011. Catatan Pena - All Rights Reserved
Template Modify by Creating Website
Powered by Blogger