Search This Blog Below

Today Cosplay
Cosplayer

Sunday, January 10, 2010

Memasang tombol Share on facebook versi 3

Facebook Developer telah mengembangkan tombol share on facebook sebelumnya dengan tombol share on facebook versi 3 yang dilengkapi dengan penghitung berapa kali halaman postingan blog / web kamu di sebarkan di facebook

Ada beberapa style yang bisa kamu pilih sesukamu

1. Tombol share on facebook di sebelah kanan postingan

.
Kode untuk Tombol share on facebook di sebelah kanan postingan
<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 share on facebook di sebelah kiri postingan


Kode untuk Tombol share on facebook di sebelah kiri postingan
<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 share on facebook di sebelah kanan postingan [compact style]



Kode untuk Tombol share on facebook di sebelah kanan postingan [compact style]
<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 share on facebook di sebelah kiri postingan [compact style] 



Kode untuk Tombol share on facebook di sebelah kiri postingan [compact style]
<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 memasang tombol share on facebook dengan penghitung (counter) otomatis ini di blog
1. Pilih salah satu diantara kode diatas
2. Sekarang login ke blog kamu, pada dashboard pilih layout kemudian Edit HTML dan centang tanda expand widget
3. Temukan kode berikut ini di template kamu (CTRL + F untuk mempermudah pencarian)
<div class='post-header-line-1'/>
lalu pastekan kode yang kamu copy tadi Setelah kode di atas

atau kalau kode diatas tidak kamu temukan coba cari kode
<data:post.body/>
lalu pastekan kode yang kamu copy tadi Sebelum kode di atas

4. Kalau kamu melakukannya dengan benar jangan lupa di Save lalu coba liat sekarang blog kamu sudah dilengkapi dengan tombol share on facebook dengan penghitung jumlah blog kamu di sebarkan di facebook secara otomatis.

Note: Beberapa template mungkin tidak bisa menggunakan tombol ini. Saya sarankan gunakan tombol share on facebook versi 1 atau 2 saja.

No comments:

Post a Comment