Home » » Cara Menambahkan Tombol Facebook ke blogspot

Cara Menambahkan Tombol Facebook ke blogspot

Written By Cholil Smart on Tuesday, 25 January 2011 | 07:48

  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. Button 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:
Share this article :

2 komentar:

Komentar anda saya butuhkan
Komentar anda akan sangat membantu saya
Komentar anda menjadi kebanggaan saya
komentar anda lebih berharga dari berlian

Jangan menyertakan URL pada kotak komentar
karena akan saya anggap sebagai SPAM

Popular Posts

 
Support : Petotu | Pondok Template
| Penyejuk Hati
Copyright © 2013. PETOTU - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger