Dengan adanya share button dalam blog, pengunjung blog anda dengan mudahnya dapat berbagi artikel post anda dengan kawan-kawan yang lain menerusi facecook.
Jika ingin memasang button share ni, silahkan ikuti tutorial di bawah:
1) Sign in akaun blogger
2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Template"
(jangan lupa "backup template" terlebih dahulu sebelum melakukan apa-apa perubahan pada skrip html, sebagai langkah berjaga-jaga)
3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode
<div class='post-header-line-1'/>atau kalau tak tidak ada, cari kode di bawah
<div class='post-header-line-1'>
4) Copy kod button di bawah (mengikut style button yang anda suka). Kemudian paste kod button DI BAWAH / SETELAH kode <div class='post-header-line-1'/> atau <div class='post-header-line-1'> yang anda cari dalam langkah 3 tadi.
style 1:
<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>
style 2:
<div style="float:right;padding:4px;">Contoh, macam-macam kode anda akan jadi seperti ini:
<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>
<div class='post-header-line-1'/>
<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>
5) Save dan lihat hasilnya.
Selamat mencoba! :)
0 Komentar