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

Makan malam di Warung Merdeka, Kampung Pandan

Dua malam lepas aku dengan Hadif rasa kebuluran. Maklumlah, dari tengahari kami tak makan. Mak dia pulak malas nak turun beli makanan. Maka,...