Minggu, 25 Desember 2011

Pasang Facebook share dengan Counter di blogger

Tombol Facebook share dengan counter adalah cara sempurna untuk berbagi posting blog dan untuk menunjukkan jumlah menshare yang telah dibuat untuk posting blog tertentu. Ada dua tipe dengan gaya yang berbeda, satu dengan tombol menghitung besar dan yang satu lagi tombol sejalan dengan counter. Anda dapat mengunjungi halaman Facebook share Button dan memilih style yang mungkin Anda ingin menambahkan ke Blogger.
Facebook Share Button dengan Big Counter

facebook share big

code: 

<div style='float:right;padding:4px;'><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'>Share</a>  
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>


Facebook Share Button sejajar dengan Counter

facebook share inline

code:
<div style='float:right;padding:4px;'><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'>Share</a>  
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>


Memasang Facebook Share Button dengan Counter di Blogger
Pergi ke Blogger Layout (Desain)> Edit HTML dan centang Expand widget "template" kotak. Sekarang cari code <data:post.body/> dan paste salah satu kode yang disebutkan di atas dan simpan template Anda.

Sekarang mari kita penjelasan:
Pada kode diatas, untuk "float: right;" posisi di sebelah kanan dan Jika Anda ingin memasang di sebelah kiri dalam posting Anda, ubah ke "float: left;".


facebook share sample

Jika Anda ingin tombol share yang akan dilihat hanya untuk halaman posting saja, tambahkan kode berikut. : Kode akan:


<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;padding:4px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'>Share</a>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>

</b:if>

sumber : masdowi.blogspot.com

0 komentar:

Posting Komentar

Followers