Tutorial : Macam Mana Nak Buat Share Facebook Button?

Salam. Aku nak buat tutorial macam mana nak buat butang SHARE Facebook di FB anda :D Haaaa ~ Suke tak? Suke tak? Suke tak? =.="

• Pergi ke Dashboard > Design > Edit HTML

• Tick Expand Widget Templates

• Tekan ctrl + f dan cari code ini

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

• Copy code butang Share Facebook di bawah ini dan pastekan di BAWAH code tadi

<div style='float:right; margin-left:10px;'>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>

Selain dari design butang Share di atas, korang boleh pilih mana-mana design butang Share yang berkenan di hati anda. Hehe ;p Pilih jangan tak pilih ! :D

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

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

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

Save dan siap ! Kalau nak Preview dulu pun boleh :)

p/s : Kalau ada yang tak jumpa code di bawah ini,

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

korang boleh copy paste kan code Share Facebook Button SEBELUM 

 

data:post,body/


*Baca dan fahami betul-betul. Belum cuba belum tahu :D