Home » , , » Cara Menambahkan Facebook Fan Page Like Button Pada Blog

Cara Menambahkan Facebook Fan Page Like Button Pada Blog

Written By Unknown on 12 Juni 2013 | 04.32

Webstite atau blog akan terlihat lebih menarik apabila sedikit sentuhan beberapa widget. Salah satu widget yang saya pakai sendiri adalah Facebook Fan Page. Facebook Fan Page juga menjadi salah satu alat untuk mempromosikan website atau blog anda.
Kali ini saya akan memberikan cara menambahkan Facebook Fan Page Like button Pada Blog.

1. Login akun Facebook anda
3. Anda tentukan pilihan anda Like button / Like Box
    - Apabila anda memilih Like Button, nantinya tampilannya akan seperti ini di blog anda :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiZ72dtgQhsWSI8xRtrzNf-vmb5TlKHwW4KqzfFbpS_YgG6HbKbkbkYUhAaluLz6AU5CLhIzhGnNeao8DCniR5njVntFWF3gsB6ve__vwfie0XfmSg7ReF65fpqnjpW01sBSa681QfXXKL/s1600/Screenshot_2.png" alt="Like Button"/>

4. Lakukan settingan pada sebelah kiri, ukuran bisa di sesuaikan, kemudian klik "get code"

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnTkyOAeXUxbGMJkHP7C-lQniBvlw_H9FkY5P5pu4Lkxe5LMzHzHi9D6-mdTGaCFy5jsBPfT9VOqtWAue18gSWsqNvd_h1-_GhFwyjcHijXTSePnVLKSagf0fU1u_5R9B3nxO4IKDiSVCR/s1600/Screenshot_3.png" alt="Like Button"/>

   Anda akan mendapat 2 kolom script, seperti di bawah ini :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGhMSuJ2V17YBZE3IBJgp9n6lklDUfISAaPCFAeL3xoq95tYoF34QV5lx_Z2GGsnOq0hHEYDth-FwrAVJ7Pa-EK2CZJYpfEjkpwERLSljVFoVmwhBHt2TM4-c_BG3kB9SdNFo-egcxbXdS/s1600/Screenshot_7.png" alt="Like Button"/>

- Apabila anda memilih Like Box , tampilannya akan seperti ini di blog anda :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrmWyx1Tq1DZa9RCGT_vPN1dOW49YnCTZe3BGUVDMdLiVTCpb5Uqg-1Pw54OFaOiSBLT3gevEZ4SEyPMfbTAMcsw62RzwWvTEeb07e9y__8-EshvDRJut69vHc-YQ6a68tZxCY3u-hf_xN/s1600/Screenshot_1.png" alt="Like Box"/>

Kemudian seting pannel pada sebelah kiri, ukuran bisa di sesuaikan. Lalu klik "get code" 

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUnPz_8CnPu1tlAsfuWfFZYO96eL-Jmj3F2POBetErxlNUj8WLbbanD-OMBPYf-90nlTuicq2ajPr7lmkRev65Sk397ZmtjustM8ggrWBOQHMKb0Z-XSKtGvy6p-cwLy1Fma5eyf2kZKnM/s1600/Screenshot_6.png" alt="Like Box"/>

Kemudian muncul 2 kolom script seperti di bawah ini :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXs3LCr8sRnBxUMj0zvJQS4L8OOHkr5VibP0ije8YQR65Az8klAZQnDPNePeqlNylOoxlsB5q2vsWop4Dc5b951z3mgFSJ0fAQ1LAsZu3Ns0MVWIZxtQ9pYzleLkok1qfne23mZKkD3EdH/s1600/Screenshot_8.png" alt="Like Button"/>

Apabila anda sudah menentukan pilihan anda, Like Button atau Like Box, copy kode tersebut.

5. Buka Blogger anda, kemudian Tata Letak.
6. Pilih Tambahkan Widget.
7. Pilih HTML /Javascript.
8. Masukkan 2 kolom kode script tersebut di dalam kolom widget HTML.
9. Save.

Selamat mencoba, semoga anda dapat mempercantik blog anda dengan Widget Facebook Fan Page Like Button, serta dapat menambah jumlah visitor anda.
Share this article :
Comments
31 Comments

31 komentar:

  1. Makasih kak dah berbagi ilmu,,,,,
    ntar izin praktek,,,, masih pemula ni

    BalasHapus
  2. gue udah pasang sob dari dulu.... tapi mungkin blogger2 baru masih ada yang belum tahu..nice posting

    BalasHapus
    Balasan
    1. Makasih, dah mau berkunjung . sukses selalu

      Hapus
  3. saya udah pasang gan.. :D ,thx tutorialnya cocok untuk para pemula.. :D

    come back..

    BalasHapus
    Balasan
    1. sama2 gan, mksih dah berkunjung lagi :D

      Hapus
  4. mantab mas tutorialnya...
    comment back ya..
    oya follow ya sob, nantik gw follow back juga... :D

    BalasHapus
  5. Sangat bermanfaat tutornya, thanks...
    :-)

    Visit & follow back my blog...
    http://satu-satu-delapan.blogspot.com/

    BalasHapus
  6. Wih manteb gan. Ikut nyoba gan.

    BalasHapus
  7. Balasan
    1. bisa kok, mungkin salah masukin script nya. selamat mencoba lagi mas dan semoga berhasil :D

      Hapus
  8. script dah aku copas tapi koq ga bisa di simpan ya ? klik kotak simpan ga ada reaksi. my blog : http://review-property.blogspot.com

    BalasHapus
  9. Thanks infonya :)

    http://pitcherofparadise.blogspot.com/

    BalasHapus
  10. makasih mas bro buat sharenya.. keren dah tutorialnya,, siap dilaksanakan
    agen tiket online
    jasa iklan massal

    BalasHapus
  11. mantap gan sdh di coba hasilnya jempol ut si agan kunjungi jga blog ane
    http://prestatronik2.blogspot.com/2013/11/home_3919.html

    BalasHapus
  12. mas, kalo cara kolom komentarnya berdampingan dengan komentar blog kaya punya mas ini gmn caranya?

    BalasHapus
  13. mas, bahas scriptnya tombol yang di kanan blog itu.
    Pengen pasang di blogku nih, keren.
    ditunggu postingannya mas...

    BalasHapus
  14. mas, bahas tombol yang ada di kanan blog itu ya.
    Pengen pasang di blogku nih, keren.
    Ditunggu postingan berikutnya...

    BalasHapus
  15. Thanks banget infonya mas, ngikutin sesuai instruksi diatas & akhirnya berhasil.
    Cuma anehnya yang klik Like kan 1 orang tapi munculnya jadi 2 (orang yg sama).
    Jadi kalau yang ngeklik Like 2 orang, munculnya jadi 4 orang.

    Kenapa ya mas?

    Thanks
    http://super-gratisan.blogspot.com/

    BalasHapus
  16. Niche gan info'y,, mantabz

    Mampir gan ke situs ane
    http://www.lutadeveloper.com

    BalasHapus
  17. Terimakasih banyak gan atas artikel ini..
    saya sebelumnya make kode Iframe dan itu kurang baik untuk seo...

    BalasHapus
  18. Makasi ya...dan saya sudah aplikasikan ke http://www.seminyakgiftspa.com sebagai rasa terima kasih, saya kasi special harga kalau mau datang ke Bali

    BalasHapus
  19. Makasih ilmunya
    udah saya praktekan dan berhasil
    kunjungin balik yah kalo berkenan
    http://DesainAvatarku.blogspot.com/

    BalasHapus
  20. Udah saya praktekan , berhasil !
    makasih ilmunya
    kunjungin balik yah blog saya
    desainavatarku.blogspot.com

    BalasHapus
  21. bang, kalo caranya ganti tampilan likeboxnya jadi blogku gmna? (contoh diatas Felipe blog) karena kalo itu cuma itu yang aku copy keluarnya tampilan facebook developer.

    BalasHapus
  22. Sangat membantu, terima kasih.

    BalasHapus

Subscribe me on RSS
 
Privacy Policy | Disclaimer | Contact Us | About Me
Copyright © 2013. Felippe Blog - All Rights Reserved | Template Created by CreatingWebsite | Powered by Blogger