Pages

▼

12 Juni 2013

Cara Menambahkan Facebook Fan Page Like Button Pada Blog

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.

31 komentar:

  1. dunia maya12 Juni, 2013 07:11

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

    BalasHapus
  2. bocah kampoenk12 Juni, 2013 12:25

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

    BalasHapus
    Balasan
    1. Unknown12 Juni, 2013 13:35

      Makasih, dah mau berkunjung . sukses selalu

      Hapus
  3. Admin Z-T Blog12 Juni, 2013 19:14

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

    come back..

    BalasHapus
    Balasan
    1. Unknown13 Juni, 2013 00:05

      sama2 gan, mksih dah berkunjung lagi :D

      Hapus
  4. Dedy 4Cheaters12 Juni, 2013 20:11

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

    BalasHapus
  5. Unknown24 Juli, 2013 09:27

    Sangat bermanfaat tutornya, thanks...
    :-)

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

    BalasHapus
  6. Market Banjar14 Agustus, 2013 17:24

    Mantap info nya gan

    BalasHapus
  7. 27 Cara menambah like fanspage20 Agustus, 2013 21:31

    Script nya cukup berat juga :(

    BalasHapus
  8. 27 Cara menambah like fanspage20 Agustus, 2013 21:35

    Script nya cukup berat juga :(

    BalasHapus
  9. Unknown23 Agustus, 2013 04:13

    makasih ya kk

    BalasHapus
  10. Masyonow.net23 Agustus, 2013 18:39

    Wih manteb gan. Ikut nyoba gan.

    BalasHapus
  11. Unknown05 September, 2013 22:12

    ga bisa...

    :(

    BalasHapus
    Balasan
    1. Unknown08 September, 2013 04:12

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

      Hapus
  12. ADMIN28 September, 2013 23:29

    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
  13. Edwin Dwianto18 Oktober, 2013 13:54

    Thanks infonya :)

    http://pitcherofparadise.blogspot.com/

    BalasHapus
  14. Lid Cup Sealer15 November, 2013 10:22

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

    BalasHapus
  15. Anonim25 November, 2013 11:53

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

    BalasHapus
  16. susu kambing02 Desember, 2013 15:29

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

    BalasHapus
  17. Rachmat_S-8624 Desember, 2013 17:29

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

    BalasHapus
  18. Rachmat_S-8624 Desember, 2013 17:31

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

    BalasHapus
  19. Asep13 Januari, 2014 11:07

    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
  20. Luta Developer20 Januari, 2014 16:40

    Niche gan info'y,, mantabz

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

    BalasHapus
  21. Unknown24 Januari, 2014 05:33

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

    BalasHapus
  22. Unknown01 Februari, 2014 10:01

    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
  23. gilangprimasejati@gmail.com10 Februari, 2014 12:20

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

    BalasHapus
  24. gilangprimasejati@gmail.com10 Februari, 2014 12:48

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

    BalasHapus
  25. Unknown10 Juli, 2014 10:22

    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
  26. Unknown14 Juni, 2015 01:42

    Sangat membantu, terima kasih.

    BalasHapus