Tutorial : Cara Pasang Button Share Facebook.

Assalamualaikum dan selamat petang..
Nak share satu lagi perkara iaitu sharing is caring in button facebook.


Cara-caranya adalah seperti berikut.

1. Sign in Blogspot > Design > Edit Html > Tick Expand Widget Templates

2. Cari code di bawah, Ctrl F dan paste dalam kotak find..enter!

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

Kalau tak jumpa, cari code ini pulak..

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

2. Lepas itu korang boleh pilih sama ada nak button full atau compact. Copy code tersebut ( sama ada nak full button atau compact button ) dan paste di bawah code yang korang cari tadi.

Full Button

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

ATAU

Compact Button

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

3. Cuba preview dulu, kalau menjadi silalah SAVE.


Special Case.

Khas kepada sesiapa yang tak jumpa code di atas tu, kalau dah jumpa diam-diam sudah ye..



1. Sign in Blogspot > Design > Edit Html > Tick Expand Widget Templates

2. Cari code di bawah, Ctrl F dan paste dalam kotak find..enter!

<data:post.body/>

3. Copy code di bawah dan paste di bawah code yang dicari tadi..

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

4. Preview dan Save kalau menjadi. 

@Korang yang special case ini kena pakai button compact je..jangan banyak bunyikk..sebab aku malas nak bereksperimen lagi...

P/s : Kalau still tak jumpa code yang aku bagi tu..redha je la ye.. hahaha :)