Cara Membuat Tombol Share Melayang di Blog

Cara Membuat Tombol Share Melayang di Blog - Tombol share sosial media sangat penting untuk blog kita, disamping untuk meningkatkan pengunjung tombol share akan membantu kepada pembaca untuk membagi artikel kita ke media yang lain, seperti share di facebookshare di twitter dll, membuat tombol sosial media dalam blog saya rasa jadi sebuah kewajiban bagi para blogger.


Cara Membuat Tombol Share Melayang di Blog


Appakah sobat pernah melihat widget share melayang  seperti gambar diatas ? Apakah sobat inginmemasang widget share melayang seperti itu di blog sobat ? Kalau iya, ikuti langkah-langkah dibawah ini :


  • Masuk ke blogger kamu.

  • Klik Rancangan.

  • Tambah gadget dan pilih HTML/Javascript.

  • 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://coretandiko.blogspot.com" target="blank"><font color="black">Get This<font></font></font></a></div></div>



    Selesai, mudah kan Cara Membuat Tombol Share Melayang di Blog ? Semoga bermanfaat!

    5 komentar:

    1. nice artikel gan!!

      oiya blog agan uda saya follow!! d tggu follbackny!!
      http://apps--computer.blogspot.com

      BalasHapus
    2. wah keren nih , , coba dulu widget nya . . :D

      BalasHapus
    3. mksh infonya om
      kalau mau donwload ebook islami gratis
      kunjungin aja blog hadi demank
      lengkap bgt

      http://hadidemank.blogspot.com/

      BalasHapus