Pages - Menu

▼

Tuesday, August 2, 2011

Cara Menambahkan / Membuat Tombol Like / Like Button di Blog

Pada postingan kali ini kita akan coba mengurai sedikit tentang Cara Menambahkan / Membuat Tombol Like / Like Button di Blog. Penting ga penting sih, cuma buat teman-teman yang ingin bersosialisasi lewat facebook button like menjadi sangat penting. Pengunjung tinggal ngeklik tombol like maka postingan kita otomatis akan ngelink ke wallnya pengunjung tadi. asyik kan, tidak merepotkan semua orang. Tinggal klik, maka selesai semuanya. Contoh penerapannya dapat dilihat di sini

Langkah-langkah/ Cara Menambahkan / Membuat Tombol Like / Like Button di Blog:

1. Masuk ke blogger

2. Tata Letak

3. Edit HTML

4. Klik kotak kecil Expand Template Widget

5. Ctrl+F untuk memudahkan pencarian, lalu cari kode berikut:
<div class='post-footer'>

(bila ada dua pilih yg paling bawah)

7. Kemudian copy pastekan script berikut ini tepat di bawah kode diatas

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

8. Simpan dan lihat hasilnya.

Selamat mencoba, jika anda suka tinggalkan komentar di blog ini

30 comments:

  1. Sir AliefAugust 13, 2011 at 2:19 AM

    oke brade... mantab bro... :)

    ReplyDelete
  2. WEBMASTERAugust 26, 2011 at 11:39 PM

    kode sampeyan salah. nggak bisa dipkai

    ReplyDelete
  3. adminSeptember 5, 2011 at 10:41 AM

    bisa kok mas, tu dah aku pasang di www.mrwindu.com atau di www.ips.web.id Kalau ada kesulitan memasang coba saja template nya yang diganti

    ReplyDelete
  4. burhanudinOctober 5, 2011 at 4:28 PM

    Mantap gan... :-)

    ReplyDelete
  5. Blog ArisOctober 8, 2011 at 6:03 AM

    siipp om ,, salam kenal ya ,, follow balik om ,,

    ReplyDelete
  6. AnonymousOctober 12, 2011 at 11:51 PM

    gk jdi template gue rusak boss

    ReplyDelete
  7. Cets OfficialNovember 10, 2011 at 2:04 AM

    kalo ga ada div class='post-footer' Gimana ?

    ReplyDelete
  8. UnknownNovember 11, 2011 at 8:33 AM

    yah nih gag bisa di pakai, gmana dong caranya..???
    ada yang puya solusi gag gan..???

    ReplyDelete
  9. dwiki tegarNovember 16, 2011 at 3:54 PM

    ga bisa di pakai kode slah............

    ReplyDelete
  10. jualsandalsNovember 22, 2011 at 1:10 AM

    Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
    Pesan error XML: The reference to entity "layout" must end with the ';' delimiter.
    Error 500

    saya pasang malah nongol begituan gan...

    ReplyDelete
  11. adminNovember 25, 2011 at 6:55 PM

    Oke, silakan coba lagi, htmlnya udah aku ganti

    ReplyDelete
  12. adminNovember 25, 2011 at 7:38 PM

    Ini contohnya udah aku pasang di blog ini, dibagian bawah postingan

    ReplyDelete
  13. jimmy romartenDecember 1, 2011 at 4:21 PM

    mantab gan....
    thanks ya.......

    ReplyDelete
  14. adminDecember 1, 2011 at 6:50 PM

    sama-sama mas, silakan lho

    ReplyDelete
  15. Agus Sarwoto (Uget Uget)December 1, 2011 at 7:54 PM

    bisa mas bro... tengkyu... :)

    ReplyDelete
  16. Leonardus Agus SetiyawanDecember 8, 2011 at 11:07 PM

    uda dicoba dan bisa
    mampir ya di http://one-live-one-heart.blogspot.com/2011/12/saat-saat-indah.html
    ditunggu comentnya
    thxx

    ReplyDelete
  17. UnknownJanuary 14, 2012 at 11:07 PM

    bisa gan,,, untuk yang lain dicoba dengan lebih teliti ya,,, monggo yang mau liat hasilnya http://www.impossibleweb.blogspot.com/

    ReplyDelete
  18. software onlineJanuary 17, 2012 at 4:01 AM

    mantap.... langsung di coba

    ReplyDelete
  19. GalangMarch 8, 2012 at 4:10 AM

    Tak coba dulu sob, Mudah-mudahan berhasil. Makasih ya dah bagi-bagi ilmu.

    ReplyDelete
  20. Bembeng My BlogMarch 25, 2012 at 10:31 AM

    Keren Post'y Kk .. Nupang Promosi ya kk http://bembengmyblog.blogspot.com/

    ReplyDelete
  21. fitri damayantiJune 23, 2012 at 5:06 PM

    terimakasih,saya berhasil...

    ReplyDelete
  22. pak canszzJuly 26, 2012 at 12:15 AM

    BAGUS... MAKASIH :)

    ReplyDelete
  23. Asrin LiiseJuly 27, 2012 at 12:29 PM

    Oke Mantap Mas Bro....

    ReplyDelete
  24. AdminSeptember 18, 2012 at 1:40 AM

    Thanks, it works ^_^

    ReplyDelete
  25. UnknownOctober 6, 2012 at 8:09 PM

    top top ^-^

    ReplyDelete
  26. AnonymousDecember 5, 2012 at 12:35 AM

    kalau di pake di weebly bisa gak ??

    ReplyDelete
  27. lisin_sintasyaApril 8, 2013 at 10:56 PM

    terimakasih kk

    ReplyDelete
  28. UnknownApril 23, 2013 at 11:31 AM

    mana? ,blog ini aja gak ada like button nya

    ReplyDelete
  29. UnknownMay 30, 2013 at 8:21 AM

    terima kasih infonya kunjung balik ya http://situs-1.blogspot.com/

    ReplyDelete
  30. Dody SaduyasaSeptember 27, 2013 at 5:05 AM

    Makasi atas tutorial dan tipsnya mas..
    Salam Kenal

    ReplyDelete