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>

4 komentar:

Puzzle of Me mengatakan...

Saya coba in tapi XML error... :(

Puzzle of Me mengatakan...
Komentar ini telah dihapus oleh pengarang.
masdowi mengatakan...

@ Puzzle of Me : maaf memang codenya ada eror sedikit dibagian penutup, tapi sekarang sudah diperbaiki. Thax atas kunjungannya.

Gopar mengatakan...

makasih tutorialnya sob..

Posting Komentar

 
© 2010 - 2012 Mas Dowi | Powered by Blogger | Built on the Blogger Template