02 September 2010

Tutorial cara nak pasang Facebook share button with counter

,tSalam semua...yang tenga duk landing kat blog sini, silakan yer belek2 blog ni tapi sori la xada mende yang menarik sgt pun...hehehe....malam ni nak share pasal cara nak pasang facebook share button dengan counter
dengan adanya button facebook share ni memudahkan lagi korang nak post entry korang dalam facebook hehehe...Lebey kurang macam like la jugak tapi like just sekadar like jer xada sharing2....Jom kita buat sama-sama tutorial ni....Bismillah 

1.Login ke Dashboard--> Layout- -> Edit Html

2.Click Check pada 
"Expand Widget Templates" - sebelum tu backup dulu yer untuk keselamatan

3.Cari kod di bawah ini (Ctrl-F):
<div class='post-header-line-1'/> 
4.Sekarag copy kod Facebook Share Count Button dan paste di bawah kod tadi:


<div style='float:right; margin-left:10px;'><script src="http://widgets.fbshare.me/files/fbshare.js"></script></div>
NOTA: Jika tidak jumpa kod div class='post-header-line-1'/ dalam template html, paste kan jer kod Facebook Share Count Button sebelum kod ini data:post.body/

Untuk jenis icon yang lain:
1. 




<div style='float:right; margin-left:10px;'><script>var fbShare = { url: 'http://YOURBLOG.blogspot.com/', size: 'small', google_analytics: 'true' }</script><script src="http://widgets.fbshare.me/files/fbshare.js"></script></div>
tukar text warna biru kepada url blog

2. 
 




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



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

Creadit liyana

No comments:

Post a Comment