Membuat Facebook Share Button Pada Blog

Penggunaan button share dalam blog untuk web sosial facebook dapat memudahkan para pengunjung sebuah blog berbagi apa yang disukai kepada kawan-kawan di facebook.



Dengan hanya beberapa klik saja, kita sudah siap  untuk dibagi di profile facebook. selain itu penggunaan facebook share button ini dapat manarik lebih ramai pengunjung ke sebuah blog.

Cara untuk memasukkan facebook share button ini adalah seperti berikut.
1. Pilih jenis facebook share button yang anda inginkan, 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>

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>

2. Login akaun blogger, dari dashboard > design > edit HTML > Expand Widget Templates (Jangan lupa backup template)

3. Menggunakan fungsi find (ctrl + F), cari kode ini.

<div class='post-header-line-1'/>

jika tidak ketemu, cari kod ini.

<div class='post-header-line-1'>

4. Setelah itu paste kod share button (langkah 1) DIBAWAH kode yang anda cari (langkah 3)

5. Save template dan lihat hasilnya.

Selamat mencoba,,