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 dan box).
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 dan box).
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...
18 Comments:
Hmm .. kalau misalnya tamboh pugin like di postingan blog gmna caranya ya sob ??
Bgung .. --a
@Abdul Hafizh, Maaf mas plugin like yang gimana ya? Saya kurang begitu paham yang mas maksud...
Ini dia yang aku cari-cari...
Aku simpan dulu sob...
Thanks.
@Rock, iya mas, silakan...
walah, aku gak punya FB nih... y udah ngikut aja deh...
slm knl
Keren, kalo tombol Like Facebook gmana mas?
@Penghuni60, kalo g pnya fbnya sodara aja mas, hehe... Lam knal blik mas...
@TintaBesi, waduh kapan2 aja mas saya posting, mksh knjngnnya...
keren nih sob tapi blog q juga sudah ada
@Rizky2009, Iya mas, lumayan bwt ningkatin trafik... ;)
keren bro, btw bisa ajarin bikin yang kayak diatas itu g. Itu yang ada tulisan home, blog tutorial, serba serbi dll. yg kutanyain cara bikin supaya ada menu tambahan kayak more gitu lo
Iya mas, ditunggu aja dipostingan selanjutnya....
mantap.... langsung coba ah...
makasih banget sob... nih yg d cari2 akhir nx nemu jg,,
salam knal... ya 8-}
, salam knal gan,
tutor nya da gw apliin tuh,
tolong komen nya dong mas,
gw da follow jg tu,
follow balik dtnggu
http://iamisvamvire.blogspot.com/
salam kenal bro. tkran banner yuk.
saya dah pasang banner dan foollow....
silahkan visit n follow me di http://amalimuadz.blogspot.com/
;;) mantep gan, makasih tutornya gan. Kalau buat emoticon seperti di atas komentar ini seperti apa gan, ane tunggu postingan nya,.,.,.,.,.
:)]
hahha madiun rek..aku yo madoun.
Thank u gan, udah ane coba dan berhasil http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif
Blog ini "DOFOLLOW", Silakan tinggalkan komentar anda, bebas tapi sopan. Tidak kami anjurkan untuk mencantumkan link pada komentar serta memakai nama Anonymous.
Komentar yang bernada SPAM atau SARA akan kami hapus.
Post a Comment