Membuat Tombol Share Melayang Pada Blog [Bagian Kiri]

halo masbro,brosis apa kabar ?
karena saya lagi konsentrasi untuk ngeblog tentang tutorial blog,maka dari itu saya akan share lagi tutorial blog yaitu Cara membuat Tombol Share Pada Blog [ Bagian Kiri ], nah apa bedannya ya sama yang Cara Membuat Tombol Melayang Di Blog [Bagian Bawah].
Tentu aja beda , yang kemaren kan bagian bawah kao yang sekarang bagian Kiri Blog Pengen Tau Contohmya Disini
ITu dari Forum kaskus bro,yang di sebelah kiri atas itu loh bro ,yang gambarnnya Facebook, Twiter,Yahoo.
tapi yang akan kita buat ini akan lebih panjang lagi / di perpanjang .heheheee.....

Oke langsung saja kita mulai menuju Proses Pembuatan Kue Eh kue , Tombol Share Maksudnya Bro :





  • Masuk ke blogger kamu.
  • Klik Rancangan >Tambah gadget/Add Gadget > 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://dewaandfamily.blogspot.com/2012/02/membuat-tombol-share-melayang-pada-blog.html" target="blank"><font color="black">[Buat wdget]<font></font></font></a></div></div>
  • Langkah terakhir klik simpan.

  •     Happy Blogging  (^_^)

    Download Game| Software |Anti Virus Full Version
     

    JS | Just-Sharing Copyright © 2011-2012 | Powered by Blogger | Desain by NN | Edit by BD