Facebook Share Button dengan Counter untuk blogger dalam 4 style yang berbeza

Hari ini kita akan belajar bagaimana menambah Facebook Share Button di blogger/ blogspot .
Butang ini akan membantu pengunjung anda untuk berkongsi cerita di facebook.

Langkah 1

Pertama Pilih yang mana anda ingin dibawah ini.

Facebook share button 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>

Facebook share button style 2

<div style="float:left;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>

Facebook share button style 3

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

Facebook share button style 4

<div style="float:left;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>

Langkah 2

Login Blogger -> pergi Design -> klik edit HTML -> Tick Expand Widget

Selepas itu cari <data:post.body/>

Letakkan kode yang anda copy tadi di atas kode <data:post.body/>

Selepas itu anda klik save template


view blog anda untuk melihat hasilnya

Selesai.Semoga Berjaya.
P/S: Jangan lupa komen mengenai artikel ini.

*Anda dibenarkan untuk menyalin dan menyebarkan artikel ini di blog anda tetapi jangan lupa tulis sumbernya .