Kamis, 29 Oktober 2009

Tombol berbagi Facebook untuk Blogger

Sebenarnya postingan ini maunya disatuin ama postingan Membuat Fan Facebook di Blog. Tapi takut kepanjangan, jadi ajah dibikin dua. Ixixixixi...;)). Facebook kini telah secara resmi memperkenalkan tombol berbagi untuk blog atau situs kita. Tombol-tombol ini terlihat lebih mirip dengan tombol Retweet oleh Tweetme. Facebook sendiri memiliki 5 gaya tombol untuk berbagi lewat web kita. Dengan menambahkan tombol berbagi dari Facebook, ini berarti telah berapa kali postingan kita telah tampil di Facebook itu tersendiri...ixixixi ^,^

Facebook Share Button gaya pertama

BebenPic

Kodenya nih kawan's :

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

Facebook Share Button gaya kedua

BebenPic

Kodenya nih kawan's :

<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 Compact gaya pertama

BebenPic

Kodenya Compact nih kawan's :

<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 Compact gaya kedua

BebenPic

Kodenya Compact yang kedua nih kawan's :

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

How to install Facebook Share Count Button on your Blogger Blog?

  1. Pilih salah satu tombol yang kawan's inginkan
  2. Login ke Dashboard > Layout > Edit Html > Expand Widget Templates
  3. Cari kode berikut dengan mengetik Ctrl + F
  4. <div class='post-header-line-1'/>
    Setelah ketemu sisipkan script tombol yang tadi telah kawan's pilih setelah kode tersebut. Jika kawan's tidak menemukan kode diatas, coba cari kode dibawah ini :
    <data:post.body/>
    Kalau sudah ketemu sisipkan script tombol yang tadi telah kawan's pilih. Sisipkan script tadi sebelum kode diatas.
  5. Save deh...Ixixixi...^_^.

NB : Blogger Widgets
Link : Facebook Developers

Tidak ada komentar:

Posting Komentar