Thursday, November 10, 2011

Cara Buat Facebook Like Button di Blog


Tombol Facebook Like merupakan sebuah fitur yang di buat oleh Facebook supaya visitors atau pengunjung dari blog sobat dapat menunjukkan rasa sukanya terhadap tulisan yang sudah sobat blogger buat. Oleh karena itu, Hari ini Rinjani Lovers akan memberikan Tutorial Blog mengenai bagaimana cara membuat Tombol Facebook Like pada Setiap postingan sobat Blogger. Sebelum sobat blogger membuat tombol Facebook Like, silahkan sobat Blogger menentukan dimana sobat Blogger akan menempatkan Tombol Facebook Like tersebut. Berikut ini adalah tempat-tempat yang sering digunakan untuk meletakkan Tombol facebook Like:
  1. Tombol Facebook Like di atas postingan
  2. Tombol Facebook Like di bawah postingan
  3. Tombol Facebook Like hanya muncul  di halaman depan (Homepage)
  4. Tombol Facebook Like hanya muncul  di halaman posting saja (Single Post)
Ini merupakan kode untuk membuat Tombol Facebook Like:

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

Berikut ini adalah Cara Buat Facebook Like Button di Blog:
  • Login ke Blogger sobat di alamat http://www.blogger.com/
  • Klik Rancangan dan Klik Edit HTML
  • Kasih tanda centang pada Expand Template Widget
  • Cari kode berikut : <data:post.body/>
  • Kalau sobat sudah menemukan kode <data:post.body/> sobat bisa meletakkan kode Facebook yang berada di atas SEBELUM atau SETELAH kode <data:post.body/>
Keterangannya sebagai berikut:
  • Kalau sobat ingin meletakkan Tombol Facebook Like di atas Postingan, letakkan kode Facebook Like di atas SEBELUM <data:post.body/>
  • Kalau sobat ingin meletakkan Tombol Facebook Like di bawah Postingan, letakkan kode Facebook Like SETELAH <data:post.body/>
  • Kalau sobat ingin meletakkan Tombol Facebook Like pada halaman depan saja (Halaman Branda), letakkan kode facebook dengan cara seperti ini : 
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:post.body/>
Kode Tombol Facebook Like disini
</b:if>
  • Agar tombol Facebook like hanya muncul  di halaman posting saja (Single post) :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
Kode Tombol Facebook Like disini
</b:if>
  • Kode yang berwarna Hijau, harus ditambahkan dengan cara seperti di atas. Jangan lupa meletakkan kode tombol Facebook Like.
  • Kalau sobat sudah meletakkan Kode Tombol Facebook Like dengan cara yang tepat, Simpan atau Save Template sobat.
Sebelum melakukan peng-editan Template, sebaiknya sobat melakukan Backup template sobat untuk menghindari adanya kesalahan dalam melakukan editing.

Dapatkan Artikel terbaru Rinjani Lovers secara gratis! Untuk itu, masukkan Email anda pada kolom di bawah ini. Setiap artikel yang kami publikasikan, akan langsung kami kirim ke Email anda

Delivered by FeedBurner

Baca Artikel menarik lainnya di bawah ini...



2 comments:

  1. bang,,klw buat like fb nya kayak di homepage(narutobleachlover.blogspot.com) gmana???

    tolong pencerahannya :D

    ReplyDelete

home

Copyright © 2012 Tutorial Blogspot | Design by X-Template