CLICK HERE FOR FREE BLOGGER TEMPLATES, LINK BUTTONS AND MORE! »

14 February 2011

Tutorial:Letak facebook share button di blog

Assalamualaikum dan hai.Elsa telah membuat satu tuto.Ini ada org yg request.Dlm fb lah.Jom kita mulakan

1. Pilih jenis facebook share button yang anda kehendaki, kemudian copy code yang diberi.
Code untuk Full
<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>


Code untuk Compact
<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>

2. Login akaun blogger, dari dashboard > design > edit HTML > Expand Widget Templates (Jangan lupa backup template)

3. Menggunakan fungsi find (ctrl + F), cari kod ini.
<div class='post-header-line-1'/>


jika tidak jumpa, cari kod ini.
<div class='post-header-line-1'>




4. Selepas itu paste kod share button (langkah 1) DIBAWAH kod yang anda cari (langkah 3)

5. Save template dan lihat hasilnya.


P/S:Jgn nak copy tuto Elsa.Kalau nak juga,credit lah kat Elsa.Bukan top up !

No comments:

Post a Comment