Cara Memasang Tombol Share On Facebook di Blog

7-mei-2011

Beberapa postingan di asepudin.com belakangan ini memuat tentang tutorial atau cara, tips dan trik, misalnya lihat saja postingan Cara Posting Blog Via MS.Word 2007. Nah pada postingan kali iniadalah cara memasang tombol share on facebook di blogspot, loh kenapa di blogspot? soalnya untuk wordpress sudah ada plugin yang bisa mengatasinya misalnya plugins wordpress Sociable. Di sana tinggal memberi centang saja pada social bookmark yang akan di gunakan.

Fungsi dari tombol Share On Facebook untuk mempostingkan artikel blog ke branda facebook, sehingga teman-teman bisa mengklik dan mengunjungi blog anda lewat link yang di posting di facebook tersebut. asyik kan…? pasti banyak pengunjung ke blog anda dan trafik blog anda bisa naik. 

Langsung saja kita praktekan yuk.
Pertama. Setelah anda masuk ke dasbor blogspot, pilih tataletak dan klik edit html, oiya… jangan lupa beri centang pada “expand template widget”.

Kedua. Lalu cari kode seperti ini, <b:if cond=’data:top.showAuthor’> , untuk kemudian letakan kode berikut di bawahnya atau sesuka anda.

Untuk tampilan tombol seperti gambar ini

<b:if cond=’data : post.url’>
<a expr:href=’&quot;http://www.facebook.com/share.php?u=&quot; + data : post.url’><img alt=’http://asepudin.com’ border=’0′ src=’http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_2.png’/></a>
</b:if>

Untuk tampilan tombol seperti gambar ini

<b:if cond=’data : post.url’>
<a expr:href=’&quot;http://www.facebook.com/share.php?u=&quot; + data : post.url’><img src=”http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_4.png” border=”0″ alt=”www.asepudin.com”></a>
</b:if>

Untuk tampilan tombol seperti gambar ini

<b:if cond=’data : post.url’>
<a expr:href=’&quot;http://www.facebook.com/share.php?u=&quot; + 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>

Tapi kalau anda hanya mau tampilannya berupa tulisan Share on Facebook
<b:if cond=’data : post.url’>
<a expr:href=’&quot;http://www.facebook.com/share.php?u=&quot; + data : post.url’>Share on Facebook</a>
</b:if>

Setelah anda selesai memasukan kode tersbut, jangan lupa save dan silahkan lihat hasilnya. semoga membantu