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