Memasang tombol "share on facebook" di blog

Sebagai pemilik blog atau website pasti inginkan artikel yang kita buat dibaca oleh banyak orang, salah satu usaha yang bisa dilakukan adalah mempublikasikan artikel tersebut ke facebook dan memasang tombol share on facebook ke dalam halaman blog/website ataupun bisa di share ke site jejaring sosial lainnya. Untuk share on facebook berikut langkahnya :

1. Buka hamalan edit html ( dasbor > tata letak > edit html ) dan jangan lupa centangkan "expand template widget"

2. Cari kode <b:if cond='data:top.showAuthor'>

3. Letakan kode berikut diatas kode no.2
<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='www.tips-fb.com' border='0' src='http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_2.png'/></a>
</b:if>

*. Peletakan kode no. 3 bisa dimana aja sesuai keinginan pemilik blog

untuk kode no. 2 akan tampak gambar seperti berikut :

Untuk tulisan yang berwarna merah dan cetak miring bisa diubah sesuka kamu, jika memiliki icon facebook yang lebih bagus bisa kamu gantikan. caranya upload dulu image yang kamu punya kesini atau disini. atau searching dulu via mbah google untuk mendapatkan icon yang menarik. atau kamu bisa pakai kode berikut :

<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_4.png" border="0" alt="www.tips-fb.com"></a>
</b:if>

Hasilnya seperti dibawah ini :

Atau pakai yang ini :

<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_3.png" border="0" alt="www.tips-fb.com"></a>
</b:if>

Hasilnya :

nah untuk icon2 yang lain silahkan dibuat sendiri yawh.... :)

4. Tekan tombol save template

Dan selesai deh

Selamat mempublikasikan artikel-artikel kamu di Facebook :)

note : thank's to http://www.tips-fb.com/