Tutorial: Button SHARE Facebook di Blog


Apa kita buat bila baca post yang menarik??
 Mesti rasa cam nak share je dengan kawan2.. Kan?? Kan?? 
Haa..Jom kita letak button SHARE FB kat blog.. >.<


1. Template > Edit HTML

2. Cari koding ini..

* Untuk letak dibahagian atas post*
<div class='post-header-line-1'/>

*Untuk letak dibahagian bawah post* 
<data:post.body/>

#gunakan CTRL+F @ F5 untuk memudahkan pencarian.. ^_^

3. Copy kan koding dibawah ini, di BAWAH koding yang telah dicari pada step 2.


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


atau 


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



4. Preview dahulu.. Kalau berpuas hati, boleh lah laju2 klik save.. :)








No comments:

Post a Comment