Sunday, April 25, 2010

Tombol Facebook Like untuk Blogspot

cara menambahkan Tombol Widget Facebook Like atau Recommend untuk BlogspotButton ini akan tampil pada setiap postingan yang ada dalam blog Anda. Seperti di halaman Facebook, tombol ini menandakan visitor menyukai artikel anda dan juga tidak lupa penghitungnya yang akan tampil di sebelah button ini. Berikut ini adalah demo untuk tombol yang saya maksud:


Cara Menambahkan Tombol Facebook Like ke Blogspot


  1. Login - Layout/Tata Letak - Edit HTML
  2. Cek pada Expand Template Widget
  3. Cari kode berikut ini:
    <data:post.body/>
  4. Letakkan kode berikut setelah kode tadi:
    <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>

    Tombol tersebut akan tampil pada setiap post dan tidak akan tampil pada homepage, namun jika anda ingin menampilkannya di semua halaman (termasuk homepage), maka hilangkan atau hapus kode yang berwarna merah.
  5. Klik Save Template.

Kustomisasi Tambahan


Ada beberapa kustomisasi yang bisa anda terapkan pada tombol ini. Seperti berikut:
  1. Penggantian kalimat like menjadi recommend pada kode yang bertuliskan action=like menjadi action=recommend dan akan tampil seperti ini:


  2. Coba ganti tulisan colorscheme=light menjadi colorscheme=dark atau colorscheme=evil
  3. Anda juga bisa mengganti model tulisan yang semula font=arial menjadi salah satu dari opsi berikut ini:
    1. font=lucida+grande
    2. font=segoe+ui
    3. font=tahoma
    4. font=trebuchet+ms
    5. font=verdana

No comments:

Post a Comment