Saat kita melakukan blogwalking ke blog-blog sebelah, tentu pernah kita menjumpai Tombol share on Facebook. Tombol tersebut dimaksudkan untuk membagikan sebuah artikel dari suatu blog ke Facebook. Sebagai contoh tombol share on Facebook dapat anda lihat pada bagian akhir postingan ini. Dengan meng-klik tombol tersebut anda bisa berbagi artikel-artikel dari blog ini ke profil facebook anda.Di bawah ini terdapat dua macam tampilan tombol share on facebook beserta kode scriptnya.
Tombol Share On Facebook (tampilan mendatar):
Tombol Share On Facebook (tampilan tegak):
Keterangan:
Perbedaan dari kedua kode di atas hanya pada kode yang saya beri warna merah (button danbox).
Mengenai tempat dimana anda akan memasang tombol share on facebook ini juga terdapat beberapa pilihan yakni, di bagian kiri atas sebelum posting, di bagian kanan atas sebelum posting, di bagian kiri bawah setelah posting, dan di bagian kanan bawah setelah posting. Semua tergantung dari selera anda. Berikut adalah cara pemasangannya.
1. Login ke blogger.com sesuai dengan akun anda, tahukan kenapa harus sesuai? Kalo akun lain keenakan yang punya akun donk udah dipasangin tombol share on facebook. hehe...
2. Klik Tata Letak kemudian klik Edit HTML, setelah itu download lengkap template anda. (Hal ini bertujuan apabila ada kesalahan dalam pengeditan template anda, anda tinggal menguploadnya lagi). Moga aja nggak ada kesalahan... ^_^
3. Beri tanda centang pada expand widget template.
4. Cari kode seperti berikut.
<data:post.body/>
atau
<p><data:post.body/></p>
kedua kode di atas sama saja.
5. Baca baik-baik penjelasan di bawah ini.
Apabila anda ingin tombol share on facebook anda berada di bagian kiri atas atau kanan atas posting. copy kode di bawah ini lalu paste di atas <data:post.body/> atau <p><data:post.body/></p>.
Keterangan:
Pilih salah satu kode yang saya beri warna merah (left atau right), tergantung letak yang anda pilih.
Namun apabila anda menginginkan tombol share on facebook berada di kiri bawah atau kanan bawah posting anda, anda tinggal memindah kode tadi dan paste di bawah<data:post.body/> atau <p><data:post.body/></p>.
Apabila anda merasa bingung dengan penjelasan saya di atas. Saya sarankan agar anda copy kode tombol share on facebooknya saja, selanjutnya mengenai penempatan dan lain-lain silakan anda kreasikan sendiri... hehe... Selamat berjuang...
Tombol Share On Facebook (tampilan mendatar):
<a title='Share On Facebook' name='fb_share' type='button_count' href='http://www.facebook.com/sharer.php'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>
Hasilnya Seperti ini:
Share
Tombol Share On Facebook (tampilan tegak):
<a title='Share On Facebook' name='fb_share' type='box_count' href='http://www.facebook.com/sharer.php'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>
Hasilnya Seperti ini:
Keterangan:
Perbedaan dari kedua kode di atas hanya pada kode yang saya beri warna merah (button danbox).
Mengenai tempat dimana anda akan memasang tombol share on facebook ini juga terdapat beberapa pilihan yakni, di bagian kiri atas sebelum posting, di bagian kanan atas sebelum posting, di bagian kiri bawah setelah posting, dan di bagian kanan bawah setelah posting. Semua tergantung dari selera anda. Berikut adalah cara pemasangannya.
1. Login ke blogger.com sesuai dengan akun anda, tahukan kenapa harus sesuai? Kalo akun lain keenakan yang punya akun donk udah dipasangin tombol share on facebook. hehe...
2. Klik Tata Letak kemudian klik Edit HTML, setelah itu download lengkap template anda. (Hal ini bertujuan apabila ada kesalahan dalam pengeditan template anda, anda tinggal menguploadnya lagi). Moga aja nggak ada kesalahan... ^_^
3. Beri tanda centang pada expand widget template.
4. Cari kode seperti berikut.
<data:post.body/>
atau
<p><data:post.body/></p>
kedua kode di atas sama saja.
5. Baca baik-baik penjelasan di bawah ini.
Apabila anda ingin tombol share on facebook anda berada di bagian kiri atas atau kanan atas posting. copy kode di bawah ini lalu paste di atas <data:post.body/> atau <p><data:post.body/></p>.
<div style='float:left/right; margin:10px;'>PILIH SALAH SATU TOMBOL SHARE ON FACEBOOK DAN LETAKKAN DI SINI</div>
Keterangan:
Pilih salah satu kode yang saya beri warna merah (left atau right), tergantung letak yang anda pilih.
Namun apabila anda menginginkan tombol share on facebook berada di kiri bawah atau kanan bawah posting anda, anda tinggal memindah kode tadi dan paste di bawah<data:post.body/> atau <p><data:post.body/></p>.
Apabila anda merasa bingung dengan penjelasan saya di atas. Saya sarankan agar anda copy kode tombol share on facebooknya saja, selanjutnya mengenai penempatan dan lain-lain silakan anda kreasikan sendiri... hehe... Selamat berjuang...
sumber : mazdazine
