Info-cupu is Your Knowledge!!

Cara Menambahkan Facebook Share Count Button di Blogspot

Label : ,

Untuk menambahkan Facebook Share Count Button pada Blogspot emang agak sulit jika kita belum mengetahui letak kode posting  pada blog apalagi template yang kita buat sendiri atau modif sendiri ... kali ini info-cupu akan membahas tentang "Menambahkan Facebook Share Count Button di Blogspot" , Alasan buat ini agar para facebooker mengetahui apa yang kita share pada blog kita, mungkin ada yang tertarik untuk mengunjungi blog kita, kemudian terdapat berapa kali kita share atau pengunjung yang share posting blog kita !!

Macam macam Facebook Share Button
Facebook Share Button Style 1

Code Facebook Share Button Style 1
<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>

Facebook Share Button Style 2
Code Facebook Share Button Style 2

<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>

Facebook Share Button Style 3

Code Facebook Share Button Style 3
<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>

Facebook Share Button Style 4
Code Facebook Share Button Style 4
<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>
Untuk script-script di atas bisa di modif sesuai dengan kebutuhan blog akang dan teteh!!
 Reference :
http://developers.facebook.com/docs/reference/plugins/like/
http://www.royaltutor.net

Cara Menambahkan Facebook Share Count Button di Blogspot :
1. Login to Blogger kemudian pilih "Layout" atau "Rancangan"
2. Klik pada "Edit HTML" dan berikan tanda checklist "Expand Template Widget"
3. Copy - Paste Script Facebook Share Button di bawah kode
<div class='post-header-line-1'/>
 atau sebelum kode

 <data:post.body/>

Di karenakan tidak semua template sama maka akang dan teteh bisa cari variabel atau kode pada "EDIT HTML" yang menujukan kode posting blog (Bukan CSS-nya)

Semoga info-cupu kali ini ada manfa'atnya!!

0 komentar

Posting Komentar

Looking for something?

Use the form below to search the site:

Browser Compatibility

' DZ template created by vir0e5


Chit-chat Jquery mixed by vir0e5

Links