Jumat, 14 Januari 2011

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?

share on facebook

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:

- share on facebook_1
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>


- share on facebook_2
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>


- share on facebook_3
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...

Tidak ada komentar:

Posting Komentar