[Tutorial] Macam Mana Nak Buat Share Facebook Button?

by - Monday, June 21, 2010



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


Credit untuk Kak Ynn sekali lagi sebab die memang terror dan hebat kalau bab-bab tutorial :D

  • 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





You May Also Like

12 comments