Penggunaan button share dalam blog untuk laman sosial facebook dapat memudahkan para pengunjung sesebuah blog berkongsi apa yang disukai kepada kawan-kawan di facebook.
Contoh penggunaan facebook share button (selain blog ini) adalah di unwanted86 dan juga tutorialuntukblog.
Cara untuk membuat facebook share button ini adalah seperti berikut.
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>
<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>
<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. Preview untuk melihat hasilnya jika berpuas hati Save template sahaja.
No comments:
Post a Comment