Thursday, November 24, 2011

Letak Facebook Share Button Dalam Blog


Button share dalam blog berfungsi untuk  memudahkan para pengunjung sesebuah blog berkongsi apa yang mereka suka dengan rakan-rakan Facebook yang lain.

Anda boleh lihat penggunaan Facebook Share Button di blog ini dan boleh tolong klik 'Share' sekali :p.

Anda boleh ikut tutorial di bawah untuk meletakkannya di blog anda.

Jom kita mula:

1. Pilih jenis facebook share button yang anda kehendaki, kemudian copy code yang diberi.


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

Coding 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 ANDA, Klik 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 Coding share button di bawah kod di atas.

5. Jangan lupa preview hasil kerja anda, kalau sudah ok anda boleh SAVE dan siappp.

6. Selamat mencuba ;)


No comments:

Post a Comment

LinkWithin

Related Posts Plugin for WordPress, Blogger...