Membuat Facebook Like Button di Blogger

Saat ini banyak situs atau blog yang memasang tombol like (facebook like button). Pengunjung bisa memberikan jempol jika menyukai posting yang dibaca. Ada banyak tutorial cara memasang facebook like button di blog yang berbasis blogger, dan menurut saya cara yang paling mudah adalah seperti pada postingan allbloggertools

Pertama-tama buka dashboard blogger. Lantas klik Design pada blog yang ingin kita tambahkan facebook like button. Klik Edit HTML dan expand widget.

Setelah itu cari post-footer dengan menekan Ctlr+F. Setelah itu copy code berikut di bawah

<div class=”post-footer”>

untuk memasang facebook like button di bawah post. Kalau anda ingin meletakkanya di sidebar, itu lebih mudah. Taruh saja code berikut di page element>> java script/HTML.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>

<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=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; width:450px; height:40px;’/>

</b:if>

Selamat mencoba..

10 responses

  1. mantap infonya sobat, sukses selalu..

  2. Blog Pengembangan Diri Avatar
    Blog Pengembangan Diri

    makasih banget mas, saya suka banget dengan tombol ini, silahkan dicek mas 🙂

    Download Kumpulan e-Book Gratis

  3. Revolution Avatar
    Revolution

    ok om lsng saya coba nih . .
    nice info om

  4. software download full Avatar
    software download full

    thanks bos artikel sangat membantu ………..

  5. Online Business Guide Avatar
    Online Business Guide

    makasih infonya ni kawan

  6. kalo di facebook gitu gmana bknnya ? kan suka ada tu yg like blog model gitu

  7. Newmasgun : Kalau like yang blog itu kita buat pages (bukan profil biasa) di facebook mas. Terus nanti pakai box.

  8. desainerx blogspot.com Avatar
    desainerx blogspot.com

    waDuH mas belum BerhasiL nieH….

  9. www.emngko.com Avatar
    www.emngko.com

    salam kenal…

Leave a Reply