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

3 Celoteh Kalian:

QisAina_Kreatif said...

tapi aku nak buat tak jadi ler.. hehehe..

[sutera kasih] said...

thanks...!!!hehe menjadik jgk akhirnya :)

QisAina_Kreatif said...

tahniah.. saya punya tak jadi sebab template saya guna tak boleh kot.. maybe arahan dia lain.. saya pun tak jump lg arahan dier..

Post a Comment

Related Posts Plugin for WordPress, Blogger...