Memasang Widget Share on Facebook

Original by Zacky Adrishayuni | 07 Desember 2009 3 Comments

Ehmm.. Selamat malam semuanya! Kali ini saya akan bagi tips yang masih ada hubungannya dengan Widget Sharing & Bookmarking Blogger yang telah saya posting 2 hari yang lalu. Ini sedikit beda karena widget yang hanya membagikan artikel ke Facebook, namanya Share on Facebook. Dengan memasang widget ini, kita atau pengunjung bisa membagikan artikel kita ke status profil facebook mereka. Berharap dengan itu bisa membuat artikel kita bisa dibaca oleh banyak orang sehigga dapat meningkatkan traffic blog atau website kita. Mau tau cara memasangnya?



Untuk memasangnya bisa kita lakukan dengan 2 cara, yaitu:

1. Mengambil widget langsung ke Facebook
- Buka situs ini

- Pilih style widget yang anda suka, lalu copy kode yang diberikan.

- Login ke akun Blogger anda, Pilih Layout > Edit HTML, lalu centang Expand Widget Template.

- Cari kode <div class='post-header-line-1'/>. Paste kode widget anda tadi tepat di bawahnya.

- Jika anda tidak menemukan kode tersebut, coba cari kode <data:post.body/>, paste kode widget anda tepat di atasnya.

- Klik Save Template untuk menyimpan perubahan.

2. Costumisasi Widget
Ada beberapa pilihan costumisasi widget ini,di antaranya:

-
Kodenya:

<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_2.png' border='0'/></a>

-
Kodenya:

<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"></a>

-
Kodenya:

<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"></a>

Jika anda hanya ini menampilkan tulisan, contoh "Share on Facebook", anda bisa menggantinya dengan kode berikut:

<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'>Share on Facebook</a>

Sudah pilih style mana yang akan anda pasang? Kalau sudah, sekarang login ke akun Blogger anda. Pilih Layout > Edit HTML, lalu centang Expand Widget Template. Cari kode <data:post.body/>, paste kode widget yang anda pilih tadi tepat di atasnya.

Gimana? Mudahkan?

Selamat mencoba... Oya, jangan lupa add FB saya ya, disini.. hhehe... tHanks...

Jangan lupa kasih komentar ya...