Posted by : Ayuma



Gambar diatas menampilkan banyak kombinasi tombol share di blog, like facebook, share facebook,twitter juga digg. sudah cukup lengkap kan tombol share melayang diatas?
Lalu bagaimana cara membuatnya atau memasangnya pada blog kita? ikuti tutorial dibawah ini:

Cara membuat tombol share melayang di blog :

  1. Masuk ke blogger kamu.
  2. Klik Rancangan.
  3. Tambah gadget dan pilih HTML/Javascript.
  4. Lalu copy dan paste kode dibawah ini.
    <!--SideBar Floating Share Buttons Code Start-->
    <style>

    #pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;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:49px !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:8px;}

    </style>
    <div id='pageshare' title="Share This With Your Friends">
    <div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
    <div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
    <div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
    <div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
    <div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
    <div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://exo-volutions.blogspot.com/2012/12/membuat-tombol-share.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>
  5. Langkah terakhir klik simpan.

Demikian sedikit informasi tentang cara membuat tombol share melayang di blog, semoga berguna buat blog kamu. thanks..





By : Exo

{ 2 komentar... read them below or Comment }

  1. TUh Kok Cuamn fb ma twitter doang yg ada..
    tapi waktu ku pasang di HTML malaha da banyak..
    Gimana tuh

    BalasHapus
    Balasan
    1. ouh..
      Itu
      Coba liat lg di kode HTML nya
      nah Yg bertulisan +google dll..
      Hapus terus save.. Selesai :3

      Hapus

.

NanoSinger. Diberdayakan oleh Blogger.

About

About
My Profil
Welcome to My Blog

Kunjungan

Info Terbaru !

- Copyright © 2013 Exo-Volution -Robotic Notes- Powered by Blogger - Designed by Johanes Djogan -