clock me

Blogger templates

Read more: http://madiuncool.blogspot.com/2011/09/cara-membuat-tulisan-berjalan-pada.html#ixzz2CnX5zViV

Kamis, 06 Desember 2012

Membuat Tombol Share Facebook di Pojok Blog

| |

      Salah satu tips untuk menambah jumlah pengunjung adalah promosi lewat social network seperti facebook, twitter dan plurk.  Kali ini kita akan pasang tombol share dengan cara yang sedikit unik, dan juga menarik perhatian pengunjung untuk membagi nya ke facebook.

      Lihat screenshot di samping.. di pojok kanan bawah itu, adalah tombol share facebook yang mengikuti scroll dari browser.. jadi walau kita geser ke atas ke bawah tetep aja di situ aja, gak mau pindah - pindah.  Di tombol share facebook ini juga ada penghitung berapa kali halaman blog itu di bagikan ke facebook lewat tombol itu.

Tertarik menggunakannya ? langsung aja ikuti langkah-langkah berikut :
  1. Login ke Blogger
  2. Lalu klik Design > Edit HTML
  3. Copy Paste kode berikut di atas kode ]]></b:skin> :

    #pageshare {position:fixed; bottom:1%; right:10px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; height:auto; padding:0 0 2px 0;z-index:10;}
    #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
    .fb_share_count_top {width:48px !important;}
    .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
    .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:55px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
    .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:14px;}


  4. Setelah itu Copy Paste lagi kode berikut ini di atas </body> :

    <div id='pageshare' title='Share @Facebook'>
    <div class='sbutton' id='fb'>
    <a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>ans!!</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
    </div>
    <div class='sbutton' id='gb'>
    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <fb:like font='' layout='box_count' show_faces='false'/></div>
    </div>

  5. Kalau sudah selesai semua langsung aja klik 'Save Template' dan lihat hasilnya.. TerimaKasih :D

0 komentar:

ir arriba

Poskan Komentar

Total Pengunjung

You can replace this text by going to "Layout" and then "Page Elements" section. Edit " About "

Blogger news

Free Tinkerbell Glitter Cursors at www.totallyfreecursors.com

peliaraan Pinguin

jumlah pengunjung

1.

cursor warna

burung twitter

Diberdayakan oleh Blogger.

Entri Populer

Pengikut

Telusuri

Memuat...
 
 

RISNAWATI | Diseñado por: Compartidísimo
Con imágenes de: Scrappingmar©

 
top