9 Feb 2010

Cara Membuat Tombol Penghitung Facebook Share

Model Pertama : Tombol berada di kanan atas posting.


Code-nya :
<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>

Model Kedua : Tombol berada di kiri atas.


Code-nya :
<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>

Model Ketiga : Tombol penghitung berada sejajar di kanan atas.


Code-nya :
<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>

Model Keempat : Tombol penghitung sejajar di kiri atas.


Code-nya :
<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>

Cara menggunakannya :
1. Pilih salah satu model yang akan anda gunakan.
2. Login ke Blogger -> Layout -> Edit HTML
3. Centang Expand Widget Template
4. Cari kode berikut ini :
<div class='post-header-line-1'/>

5. Atau kode ini :
<data:post.body/>

6. Kemuadian paste-kan di bawah kode tersebut ( script model yang anda copy tadi ).
7. Save.
Thanks to Bloggerplugins.org

1 komentar: