Cara Membuat Tombol Share On Facebook - Surga Berita

Berita Terkini :

Cara Membuat Tombol Share On Facebook



Membuat Tombol Share On FacebookSaat 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):

<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

Title Post: Cara Membuat Tombol Share On Facebook
Rating: 100% based on 99998 ratings. 5 user reviews.
Author: surgaberita

Terimakasih sudah berkunjung, Jika ada kritik dan saran silahkan tinggalkan komentar


LIKE dan FOLLOW SurgaBerita









Copyright 2013 Surgaberita All rights reserved Designed by Cafe-share Forum