Cara Memasang Facebook Share Buttons pada Blogger

Facebook menyediakan berbagai macam layanan kepada para penggunanya, salah satunya yaitu layanan tombol share pada blog. Tombol facebook share ini akan menampilkan sebuah tombol share dengan jumlah berapa kali artikel tersebut telah di sharing ke facebook. Tombol ini sangat efektif untuk melakukan sharing artikel kepada teman-teman pengguna facebook. Ada 5 buah style yang dapat digunakan di blog.

Contoh dari dua style-nya adalah sebagai berikut.

1. Tombol Facebook Share Style 1

berada di bagian pojok kanan setiap postingan

Kode skrip style 1:

</div>

2. Tombol Facebook Share Style 2

berada di bagian pojok kiri setiap postingan

Kode skrip style 2:

<div style="float:left;padding:4px;">

<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>

<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>

</div>

3. Tombol Facebook Share Compact Style 1

berada di bagian pojok kanan setiap postingan

Kode skrip facebook share compact style 1:

<div style="float:right;padding:4px;">

<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>

<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>

</div>

4. Tombol Facebook Share Compact Style 2

berada di bagian pojok kiri setiap postingan

Kode skrip facebook share compact style 2:

<div style="float:left;padding:4px;">

<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>

<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>

</div>

Bagaimana cara memasang tombol facebook share di blogger?

1. Pilih salah satu tipe tombol facebook share, kemudian copy kode skrip style tersebut.

2. Login ke Dashboard blogger kemudian masuk ke Design > Edit HTML dan aktifkan check box “Expand Widget Templates”.

3. Cari kode berikut (CTRL+F):

Tepat setelah kode tersebut tempatkan (paste) kode yang telah Anda copy tadi. Jika Anda tidak menemukan kode diatas coba cari kode:

<data:post.body/>

Kemudian tepat sebelum kode tersebut tempatkan (paste) kode style yang telah Anda copy tadi.

4. Save template dan Anda akan mendapatkan tombol facebook share ada disetiap postingan Anda.

Apabila Anda merasa tutorial ini bermanfaat, jangan lupa untuk men-share ke teman-teman Anda. Semoga bermanfaat :)

Bagikan lewat :

Anda sedang membaca artikel tentang Cara Memasang Facebook Share Buttons pada Blogger dan anda bisa menemukan artikel Cara Memasang Facebook Share Buttons pada Blogger ini dengan URL http://really-really-good.blogspot.com/2012/01/cara-memasang-facebook-share-buttons.html. Anda boleh menyebarluaskannya atau meng-copy paste-nya jika artikel Cara Memasang Facebook Share Buttons pada Blogger ini bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan LINK Cara Memasang Facebook Share Buttons pada Blogger sebagai sumbernya.

<a href='http://really-really-good.blogspot.com/2012/01/cara-memasang-facebook-share-buttons.html'>Cara Memasang Facebook Share Buttons pada Blogger</a>

Artikel lain yang mungkin ingin anda baca!

Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!