Selasa , Agustus 5 2025

Cara Pasang Widget Facebook Like Box di Blog

Cara-Ririn.Com – Adalah sangat menarik apabila blog/web yang kita kelola di pasang sebuah widget. Katakanlah seperti widget Facebook ini. Dengan adanya widget ini, selain bisa menjaring pemirsa setia blog kita, juga bisa mempercantik tampilan blog. Pernah dengar widget Facebook Like Box? Itu lho widget yang berbentuk kotak dan ada tombol like/suka serta foto para liker. Kita kali ini akan membahas topik tentang hal ini.

Sebelum anda memasang widget Facebook Like Box ini di blog kesayangan anda, terlebih dahulu anda harus punya Halaman Suka atau yang biasa disebut sebagai Fans Page Facebook. Apabila belum punya, silahkan buat terlebih dahulu atau baca selengkapnya tentang Cara Membuat Fans Page / Halaman Suka Facebook.

Berikut saya jelaskan langkah-langkah Cara Pasang Widget Facebook Like Box di Blog. Silahkan anda simak baik-baik ya. Cara Pasang Widget Facebook di Blog 3

Cara Membuat Facebook Like Box

1. Silahkan log in dulu di Facebook di url ini www.facebook.com

2. Silahkan kunjungi halaman Developer Facebook di url ini http://developers.facebook.com/docs/plugins/like-box-for-pages/

3. Silahkan masukkan url Halaman Suka Facebook, atur ukuran, warna dll

Cara Pasang Widget Facebook di Blog 1Keterangan:

Nomor 1 tulis alamat url Halaman Facebook anda. Contoh: www.facebook.com/CaraRirin

Nomor 2 tentukan ukuran tinggi widget

Nomor 3 centang untuk menampilkan wajah para liker

Nomor 4 centang untuk menampilkan status Halaman Facebook anda

Nomor 5 tentukan ukuran lebar widget

Nomor 6 pilih warna widget

Nomor 7 centang untuk menampilkan header

Nomor 8 centang untuk menampilkan garis tepi

Setelah itu, silahkan klik tombol Get Code

4. Silahkan pilih tulisan IFRAME dan kemudian copas seluruh script yang ada dalam kotak

Cara Pasang Widget Facebook di Blog 2Cara Memasang Widget Facebook Like Box di Blogger/Blogspot

(i) Silahkan log in di www.blogger.com

(ii) Dashboard > pilih tata letak/layout > klik tambahkan Widget/Gadget

(iii) Pilih widget HTML/JavaScript > paste sulururh script yang anda copas tadi

(iv) Klik save dan lihat hasilnya

Cara Memasang Widget Facebook Like Box di WordPress

(i) Silahkan log in di www.wordpress.com

(ii) Pilih menu Appearance > pilih sub Menu Widget

(iii) Pilih Widget Text > klik Add Widget

(iv) Silahkan paste seluruh script yang anda copas tadi > klik Save > lihat hasilnya

Bagaimana? Caranya sangat mudah kan? Kini giliran anda yang mencobanya. Good luck 😉

Demikian informasi yang bisa saya share untuk anda tentang Cara Pasang Widget Facebook Like Box di Blog. Mudah-mudahan bisa bermanfaat untuk anda sekalian. Jangan lewatkan posting menarik lainnya tentang Cara Membuat Group Facebook Hanya Dalam 5 Menit. Terimakasih sudah berkunjung di blog saya.

Check Also

Kalau Ada Yang Gratis, Kenapa Mesti Bayar?

Kalau Ada Yang Gratis, Kenapa Mesti Bayar? – Admin cara-ririn.com teringat dengan kata-kata tersebut yang …

199 comments

  1. baharudinwahida

    Pertamax dulu mbak ririn…iya nggak?
    berarti harus buat dulu dan kemudian dipasang. Bisa juga di pasang di DotAbdurahman atau diMaktabah IMU ieh..

  2. saya telah memasangnya widget facebook like ini di blog saya.. terima kasih sharing.. 😀

  3. wah kalo saya udah pasang belum ya fanspage udah ada dengan jumlah like yang lumayan 4biji 😀 , berarti tinggal liat dulu like box nya udah di pasan belum ya

  4. aku udh pasang mbk
    tpi ngk dilike eee.
    apa posisinya yang kurang pas ya mbk
    heheheh

  5. sarofudin uzumaki

    makasih mbak ririn. memang selama saya membuat blog belum pernah saya kasih light box nanti saya praktekkan deh

  6. lengkap sangat yaa tutornya cara-ririn ni, membuat saya betah dan berlama-lama disini
    izin keliling yaa mbak di cara-ririn
    😀

  7. Mantap mbak,, tapi yg jadi maslah nya adalah sama loading yg begitu berat jika di pasang pada blog hik hiks hiks :’

  8. Kalo dipasang di blogku.. kira2 ada yg ngelike enggak ya..

  9. biar banyak yg nglike juga ya sist di kasih widget facebook like 😀

  10. Agus Supriyono

    saya pernah membaca artikel katanya widget facebook ini kurang bagus dimata mesin pencari google,jadinya tidak saya pasang widget ini. betul ga mba ririn

    • Oh kalau itu saya kurang tau mas. Tapi yang jelas bahwa kalau pasang widget ini, loading blog jadi agak berat 🙂

  11. ririn, centang tu apa maksudnya ya?

  12. tapi belum bikin fanpage di fbnya hehe

  13. dulu pernah pasang tapi bikin berat di copot lagi deh,, hehhehe

  14. Muhammad Luthfi

    Wah saya suka banget nih mbak. Tapi saya mencari yang valid html5 nih mbak hehe.

  15. Mantap nih mba..
    langsung dicobain deh …

  16. Valentino Febrian

    keren mbak, makasih udah share artikelnya! sukses selalu! sangat bermanfaaat

  17. Mantap mbak Rin..ulasannya juga komplit..pastinya sgt berguna buat mereka yg blm memasang dan blm tau caranya…
    Sukses trus mbak

  18. wahh.. bermanfaat banget nih informasi seperti ini.. sayangnya saya sudah lama tidak bersinggungan dengan facebook.. tapi buat blog.. sepertinya patut di coba juga nii model ‘like’ seperti ini 🙂 Terimakasih tuk sharingnya ya 🙂

  19. Setelah buat like box nya. hayo banyakin membernya, hehe

  20. boleh juga di coba, sepertinya akan menambah manis tampilan blog kita ya mba.

  21. wah kudu dicoba nih untuk mempercantik blog,terimakaish mbak ririn untu artikelnya,,,

  22. Sangat lengkap ya mbak tutornya khusus untuk buat widget facebook untuk blogspot dan wordpress jadi mudah teman-teman yang ingin membuat like box diblognya.

  23. kelihatannya panjang ya mbak cara pasang widget facebook like box di blog, padahal kalau dipraktekkan cuma sebentar 🙂

  24. Sudang saya pasang kok mbak, tapi untuk masang sih mudah2 saja, yang agak susah itu naikin jumlah like page nya. . butuh optimasi layaknya blog (seo).

  25. Sudah terpasang Mbak, lumayan juga tuh visitor dari Facebook

  26. saya sudah pasang widget facebook like box seperti yang dijelaskan di atas mbak, makasih mbak artikelnya sangat membantu sekali 🙂

  27. Cara memasang widget facebook like box ini sangat berguna Mba, semoga bermanfaat bagi yang memerlukannya.

  28. saya sudah praktekan Mbak master, cara memasang widget facebook biar dilike, ini kan mirip dengan panpage ya mbak master…

    perasaan dulu sudah di posting deh sama mbak Master ya?, soalnya saya prakteknya juga sudah lama loh hehehe

  29. menurut saya widget facebook penting,, bukan penting lagi tapi sangat penting yah karena pengguna facebook kan banyak jadi blog kita sebisa mungkin harus “””terintregrasi””” (bhasa tingkat tinggi) dengan facebook 😀 ….

  30. Muhammad Widisono

    Wah menarik juga ya mbak, bisa dapat likers banyak. Btw aku juga pasang tapi cuma find us aja bukan like box

  31. ijin aku simpen dulu kpn2 mau aku praktekin

  32. kalo saya pasang ini di blogg saya kira kiraa bakalan memberatkan loading blogg kagakmbakk ?? hehe

    • kalau wordpress memberatkan atau nggak kondisional, kalau spacenya gede plus banwidnya unlimited ya monggo saja di pasang ni plugin

  33. dulu saya paling demen mb’ bikin widged melayang, tapi setelah saya pikir2, widged melayang bukannya bagus malah menggang visitor mb’

  34. muya devoteeshonesty

    Trims rin
    Ini tutor yang sangat jelas..
    Tapi mbk muya nya saja yang masih bingung
    Kepingin sih pasang tombol fanspage fb di blogku biar lebih cute

  35. Saya juga pengen pasang ini. Dulu pernah pasang tapi yang like kok dikit yah.

  36. chanel bags outlet

    Great experience — thanks!

  37. mantap trimaksih mba..sya sdah Download

  38. Thanks sob atas informasinya 🙂
    salam kenal 🙂

  39. Terima kasih, informasinya bagus.

  40. tadinya udah pasang mbak tapi udah dicopot,,_
    gara liat post ini : jadi pengen pasang lagi,,_

  41. mba, aq udah ikutin cara2nya tapi koq box like fb nya ga muncul yah… jadi ketika dilihat di blog kosong gtu aja. kenapa yah mba? thx

    • Mungkin url fans page nya belum benar kak. Contoh url fans page facebook seperti ini facebook.com/cararirin

  42. nah ini yang di cari mbak rin 😀
    ijin praktek 🙂

  43. tanya : untuk panjang dah ukurannya berapa pixel ya? kok aku bingung…….. tolong pencerahan

    • Untuk panjang bisa 300. Dan untuk tinggi nya bisa 250.
      Silahkan disesuaikan dengan widget di template blog anda 🙂

  44. Makasih, tutorna slam knal…. 😀

  45. Ririn,

    di website saya yang hari-hari-bunda.com, saya sudah pasang FB like box ini. Pas mau pasang di website baru, lupa caranya. Lega ada cara Ririn.
    Saya sudah ikut langkah-langkahnya dan copy di widget text, kenapa box-nya tidak muncul ya? Saya sudah pilih yang iframe.
    Saya sebelumnya pasang counter code histats.com, bisa terpasang.

    Salah saya dimana ya? Terimakasih sebelumnya.

    • Mungkin anda salah dalam memasukkan url halaman Facebook, sehingga widget like box nya nggak mau muncul 🙂

  46. Kak, kalo kita pake kode HTML5. Cara masukin ke bloggernya gimana ya?.

  47. Iya bener, Ririn. Salah url-nya. Sekarang udah berhasil pasang FB like bos-nya. Terimakasih ya

  48. terima kasih ririn artikelnya sangat informatif,,,,,sebagian trik jg sudah saya pakai di

  49. langsung coba ah~

  50. saya nyoba di wordpress.com
    ga muncul loh
    pas di save,kodenya malah ilang jneg
    knapa ya??

  51. Mntap infonya gan

  52. trims, ya mbak ririn. Its Work ,Keep Blogging.

  53. Mantap mbak… Akhirnya saya bisa pasang facebook like box…

  54. Terimakasih.. sangat bermanfaat.

  55. IJIN SEDOT YA

  56. Amirul Arifin

    Mampir di blog saya ya kak… Mohon masukannya
    Blog nasional terfavorit ^_^

  57. Amirul Arifin

    thank’s,,

    a3-amirul-fivforce.blogspot.com

  58. Saya sudah laksanakan tips dari artikel ini mbak dan terima kasih atas artikel yang bermanfaatnya ya.

  59. makasih banyak ya mbak ririn atas ilmunya 🙂 perlu berguru kesini nih

  60. Suka aja deh dng cara mba ririn pokok nya…:D:D:D

  61. mantab gan, bermanfaat sekali buat ane yg baru belajar ini. . .

    jangan lupa mampir juga ke blog ane..

  62. Terima kasih infonya sungguh bermanfaat bagi newbie seperti saya

  63. terimakasih bro 🙂

  64. Berhasil kami gunakan di web kami mbak, cuman kok gak bisa tampil di aplikasi android ya. mhn penjelasannya, Trmksh

  65. makasih atas infonya gan, ini yang lagi ane cari hehehe

  66. nice share gan, ini yang lagi ane cari hehehe

  67. makasih gan, ini yang ane cari hehehe

  68. Craft flanel

    sipp, makasih gan, sangat beramanfaat 🙂

  69. sangat beramanfaat :), tapi ada cara gak ya untuk memperbanyak fanspage?

  70. wahhhh…
    makasih mbak buat infonya..

  71. makasih, infonya bermanfaat banget …

  72. boleh dicoba di blog baru…

  73. thanks gan
    Kunbal ya, newbie gan 😀

  74. thx infonya 😉

    mampir juga yukk tysnurkhasanah.blogspot.com

  75. Widget like fbnya sangat bermanfaat mbak. Memudahkan pengunjung berinteraksi dengan menemukan FP kita di blog 😀

  76. thank gan, ane dah pasang di blog, visit back yah perpustakaanbiografi.blogspot.com

  77. mampir di blog saya jasaikla4n.blogspot.com

  78. makasih tutorialnya sdh sy pasang di blog sy

  79. Kalau membuat like box yg ada form komentarnya gimana caranya ya, biar pembaca blog juga bisa tulis update dari like box ini 🙂

  80. Terima kasih atas Infonya dan jangan lupa berkunjung ke blog saya di : masutakuru.blogspot.com

  81. wah work nih gan 😀 thanks ya mohon kunjungannya

  82. wah work nih gan 😀 mohon kunjungannya juga ya

  83. Berhasil mbak, sudah terpasang di blog saya, kunjungi balik ya : gridmovie.blogspot.com
    terima kasih atas infonya…..

  84. terimaksih tutorial facebook like box nya mbak ririn, mantab nih ditempatku artikel ini nomor 2 di SE

  85. terimakasih saya sudah menerapkan di blog saya.

  86. Makasih mbak inpohnya ,,

  87. thx infonya min,,,

    bantuin like my page fb and kunjungi my blog juga ya…

    sukron 100%

  88. Sukron 100% infonya, sangat berguna sekali

    bantuin like my page facebook and kunjungi my blog ya

  89. Makasih mbak ririn atas ilmunya, saya langsung pake di website saya

  90. wah bagus banget penjelasannya, saya coba di weblog ane dan berhasil….

  91. Artikel Hukum

    Tugas dan Wewenang MPR
    Pengertian Politik Hukum
    Pengertian Pajak
    Pengertian Hak Cipta

  92. sangat membantu,,,, terimakasih banyakkk,,,,, pa lagi buat pemula banget kaya saya,,, masih anget dalam dunia internet & Blogging
    TERIMAKASIH

  93. Artikel bagus, saya terapkan di web saya berhasil
    silahkan tengok hasilnya agenpulsa1.com/daftar-harga

  94. TERIMAKASIH,..sangat membantu,..

  95. Thanks.. sangat membantu

  96. makasi mas, berhasil.. ternyata gampang y caranya.. makasi

  97. mantap gan, artikelnya sangat bermanfaat sekali khususnya bagi pemula seperti saya 😀

  98. Tutorial yang sangat bermanfaat pak. terimakasih

  99. tq mba atas sharingnya….udah di pasang

  100. terimakasih banget atas sharingnya

  101. infonya makasih master, coba saya pasang di blog saya obat rambut botak

  102. alhamdulillah setelah keliling cari-cari artikel tentang cara pasang widget facebook akhirnya ketemu dblog mbak ririn .. makasih

  103. Terima kasih mbak ririn, nih lagi rutin blogwalking ke sini dan nemu artikel yang bermanfaat. Langsung saya praktekan, maksih 🙂

  104. Terimakasih gan , kunjungi balik di smallsoft7.blogspot.sg

  105. Terima Kasih tutorialnya.. 🙂

  106. thanks tutorialnya

    mungkin mau mampir ke :
    yennywien.blogspot.com (galeri)
    wiensnikki.blogspot.com (diary & sharing tugas kuliah)
    wiensent.blogspot.com (ulasan film)

  107. terima kasih mbak Ririn ternyata cara mbak lebih mudah dan langsung jadi deh, boleh di tengok hasilnya biarpun yang like masih dikit hehe di blog bengkelsuryamandiri.blogspot.com

  108. ini artikel yang saya cari 😀 maturnuwun mb ririn sukses terus yo… 😀

  109. Mantap infony gan.
    Mkasih

  110. di tunggu penampakannya di ridhobagusparlasi.blogspot.com

  111. bisa dicoba neh tutorialnya…!

  112. ini knp ya mba, pas save html error : Kesalahan saat mengurai XML, baris 609, kolom 64: The reference to entity “version” must end with the ‘;’ delimiter

  113. makasih gan info nya sukses.
    mampir juga ke sini kotakmusic.com

  114. Terima kasih tutorialnya.

    Silahkan mampir ke:
    tukangjenius.blogspot.com banyak informasi menarik

  115. Saya izin Copas ya ..neng

  116. saya sudah pasang sis, tapi kok tampilanya widgetnya gak keluar ya?

  117. Thanks untuk infonya broo…slam blogger

  118. langsung praktek nih, makasih ya

  119. oke nanti saya coba 😀
    kalau ingin DOWNLOAD WALLPAPER KEREN.. saya sarankan disini gan.. keren2 😀
    kumpulan-wallpaper-top.blogspot.com

  120. Facebook Like Box di blog saya hanya muncul kotak kosong. Facebook Like Box d blog saya baru bisa muncul kalo saya juga buka facebook pada saat yang bersamaan. Kenapa ya.? Ada yang bisa bantu cara mengatasinya.?

  121. mantap mas broo dan saya pasang nih like buat blognya
    softwareforkomputer.blogspot.com/

  122. Makasih Cara ririn, sekarang aku bisa pasang facebookdi blog

  123. Tips yang bagus , sangat bermanfaat 🙂

  124. sangat membantu mba,mksh infonya

  125. wah mantev langsung tak coba hehehe

  126. udah di cobaaa gan tapi kok blom muncul yaa T_T

  127. keren…
    langsung jadi
    terima kasih atas informasinya….

  128. Trims masukannya mbak.
    Sudah berhasil. Nih contohnya ardhyatravel.blogspot.com

  129. Nice, trimakasih ya infonya

  130. numpang baca dulu,,,,,

  131. alhamdulillah sudah bisa, terimakasih ya artikelnya, sekarang web saya sudah bisa pasang like box 😉

  132. thanks buat infonya,, nice post..
    kunjungi juga yaa web kami

    toko661.com
    acemaxs86.com
    toko-greenworld.com
    obatherbalampuh.com

  133. Yah lumayan lebih mudah dari kelihatannya.. btw adakah bedanya jika yg kita pasang script HTML5?

  134. Makasih mba, udah di praktekkan dan berhasil!!!

  135. lagi praktek nih mbak.
    Sekalian pasang-pasang windget lain 🙂
    Nice post

  136. keren gan artikelnya,
    makasih juga udah dibagi – bagi ilmunya 😀

  137. Terima kasih gan panduannya sangat bermanfaat. Izin praktek.

  138. Mbak uda tk lakuin step by step tp kok g nongol di web ya stlh save javascript trus kok g ada iframe nya jg yak ?? Mohon bantuannya

  139. kalok gak pake iframe gmana caranya ?

  140. like box saya tidak bisa muncul mbak ririn, Gimana ya..?? tadinaya sie saya pakai like box yang melayang, setelah saya ganti sama yang biasa seperti mbak posting di atas malah tidak muncul ..??? pencerahan nya mbak mohon.

  141. keren..sangat detail bgt panduannya..pantes dengan query cara pasang halaman facebook di blog, nih artikel juara 1..heheh

  142. Bagus. Tapi kok nggak keluar iFrame ya?

  143. gk keluar iframe nya, gimana min? mohon bantuannya

  144. Terima kasih sharingnya sangat membantu walaupun banyak ads nya
    a href mutiarafarhan.com rel nofollow Fitri Hady Amrullah

  145. Terimakasih agan informasnya 🙂

  146. Terimakasih informasinya sangat membantu 🙂

  147. yuhuu berhasil mbak, tapi ada sedikit perubahan soal link yang diberikan 😀

  148. nice info kak 🙂 ty 🙂

  149. terima kasih informasi nya sangat membantu

  150. terima kasih, sangat membantu

  151. nice, info nya gan

  152. terimakasih banyak Gan sangat bermanfaat banget Tutorialnya sukses terus ya gan…. Sebenarnya ada cara cara serupa di blog lain, tapi seperti biasa saya selalu menerapkan cara atau tutorial tutorial SEO dari blog yang banyak di komentari orang, karena bagi saya itu menunjukkan bahwa blog tersebut benar benar profesional dan SEOnya terbukti handal. . .

  153. mantap sista ririn tutorialnya.. berhasil ane cobanya

  154. Iya nih, agak berat kalau blog kita dipasang widget. Tapi enak sih, pengunjung blog kita bisa memantau juga facebook kita sehingga mengundang dia untuk mengunjungi akun medsos kita. Terima kasih mbak ririn atas artikelnya, cukup membantu 🙂

    Oiya, kalau mau membeli bingkis kado yang unik, murah, dan menarik, kunjungi toko kami ya di bingkis.co.id/

  155. terima kasih informasinya sekarang saya sudah bisa memasang like box ke website saya

  156. apakah cara tersebut masih berlaku ? saya coba di blog saya masih tetap tidak bisa,

  157. Terimakasih ,
    akhirnya bisa juga!
    ternyata gampang banget bikinya 🙂

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *