Belajar Askep
.

Saturday, January 14, 2012

Browse » Home » » Cara Memasang Facebook Share Buttons pada Blogger

Cara Memasang Facebook Share Buttons pada Blogger

Bagikan Keteman Lewat:



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 style="float:right;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>
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 boxExpand Widget Templates”.
3.      Cari kode berikut (CTRL+F):
<div class='post-header-line-1'/>
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 :) 

Thank You So Much!
Kalau sudah membaca silahkan isi Buku Tamu
Terima kasih telah membaca artikel: Cara Memasang Facebook Share Buttons pada Blogger Silahkan baca artikel Blog ©Belajar Askep Lainya Dibawah ini:
Advertisement below...!

Comments : Ada 0 komentar untuk Cara Memasang Facebook Share Buttons pada Blogger

Post a Comment

 
© Copyright 2011 : Belajar Askep
All Rights Reserved | About | Privacy | Contact | T O S | Sitemap | Stylished by Ahmad Soleh Powered By Blogger
^_^ Submit | Template dari : Free Blogger Templates | Member Area | Report | Report | Log In | Log Out
Ping your blog, website, or RSS feed for Free | |