Tutorial Cara Pasang Tombol Like Facebook Dibawah Judul Posting Blog

Disni tombol like facebooknya ada tiga model, jadi pilih salah satu saja

Dengan memasang tombol like facebook kamu akan mengetahui seberapa bagus artikel anda disukai oleh pengunjung blog anda.

Berikut cara membuat nya :

1. Login ke blog kamu.
2. Pilih Rancangan.
3. Pilih EDIT HTML.
4. Cari kode <data:post.body/>
5. Setelah ketemu pilih salah satu kode dari tiga kode yang akan saya berikan, dan letakan diatas kode nomor 4.

1. Kode Pertama, Tombol Like Vertikal Dengan Count (Hitungan)

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>

2. Kode Kedua, Tombol Like Horizontal Dengan Count (Hitungan)

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>

3. Kode Ketiga, Tombol Like Tanpa Count (Hitungan)

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

Letakan salah satu kode diatas, tepat diatas kode nomor 4 tadi.
Ingatpilih salah satu saja, jangan semuanya, nanti gagal.

Simpan Template, dan lihat hasilnya. 

 http://zonablogging.blogspot.com/2012/09/tutorial-cara-pasang-tombol-like.html

Cara pasang tombol like/suka di bawah judul post

Tips berikut untuk bagaimana cara memasang Send Button dan Like Button facebook sekaligus hanya dengan menggunakan sedikit kode. tentunya cara ini bukan buatan saya ya!, hehe. saya hanya sedikit mempermudah buat blogger yang baru seperti saya. contohnya bisa sobat lihat bagian kanan atas dari blok ini.

Seperti biasa tentunya sobat harus loging ke akun blogger anda. menuju kemenu Desing >> edit html dan jangan lupa centang (Expand Widget Templates). (lihat gambar)

untuk memasang dibawah judul posting

temukan kode ini 

view plainprint?

1. <div class='post-header-line-1'/>  

dan tempatkan kode berikut tepat di bawah kode yang sobat temukan diatas

view plainprint?

1. <div id="fb-root"></div>  
2. <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>  
3. <fb:like expr:href='data:post.url' show_faces="true"   
4. width="450" send="true">  
5. </fb:like>  

ok anda telah selesai PREVIEW atau SAVE TEMPLATE anda dan lihat hasilnya.

 http://zonablogging.blogspot.com/2012/07/cara-pasang-tombol-likesuka-di-bawah.html