Membuat Button Like & Share Facebook

Tutorial membuat Button Like & Share Facebook pada blog.

Bagaimana aku buat button like & share kat blog aku ni. So untuk pengetahuan semua aku menggunakan WP-self host jadi tak sama dengan Blogspot. tapi takpe aku nak tunjukkan dua2 cara sekali.

untuk pengguna WP-self host anda boleh install plugin in  LIKE (atau) SHARE

Untuk Blogspot

1. Login kat Blogger account anda, pilih DESIGN > Edit HTML kemudian klik dekat kotak yang tulis “EXPAND WIDGET TEMPLATES“
2. cari perkataan <data:post.body/> (untuk memudahkan anda mencari sila tekan Ctrl+F)
3. Copy code dibawah ini dan paste selepas <data:post.body/>
4. Sila tekan preview untuk lihat hasil dahulu, kalau ok baru save!

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Facebook Share Button Left ( jika nak sebelah kiri)

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Facebook Like Button

<iframe allowTransparency='true'  expr:src='"http://www.facebook.com/plugins/like.php?href=" +  data:post.url +  "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"'  frameborder='0' scrolling='no' style='border:none; overflow:hidden;  width:530px; height:60px'/>

*Jika anda mahukan button Share sahaja, just copy code Share. Jika nak button Like, copy code Like. jika nak Dua2 copy je dua2. tak kisah la nak letak code yang mana atas atau bawah. sama je… ok!

P/S: jika tutorial ini membantu sila klik button Like, jika Unlike.. sila klik 2 kali