Welcome

Selamat Datang di Encyblogpedia, Blog yang Berbagi Tentang Ilmu Pengetahuan."Your Brain Like A Sleeping Giant"

Tuesday, September 14, 2010

Cara Membuat Tombol Facebook Like Di Blogger

Hanya untuk catatan supaya tidak lupa, saya akan memposting tentang tombol Facebook Like pada Blogger. Faceook Like ini sangat populer untuk para Facbooker yang betah nongkrong di facebook untuk sekedar update status atau mengomentari teman dan juga ada tombol Like nya.
Berikut langkahnya untuk membuat tombol Facebook Like di setiap postingan :
  1. Login - Layout/Tata Letak - Edit HTML
  2. Cek pada Expand Template Widget
  3. Cari kode berikut ini:
  4. <data:post.body/>
  5. Letakkan kode berikut setelah kode tadi: 
  6. <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.
  7. Save tamplate

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 menjadiaction=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

1 comment:

Subscribe RSS Feed Via E-Mail

Like this blogspot? So, what do you waiting for? Enter Your email adress here.. It's free!! You will will find out more about knowledge...

Delivered & Powered by FeedBurner

Sammy's Blog Headline Animator