728x90 AdSpace

  • Latest News

    Jumat, 10 Februari 2012

    Membuat Tombol Share Melayang Pada Blog


    Untuk mempercantik blog kita juga dapat menambahkan tombol share seperti pada gambar disamping. Di gambar tersebut merupakan kombinasi tombol like facebook,share facebook, twitter dan juga digg. Cukup lengkap dan keren kan ?
    Jika para sahabat blogger mau seperti itu, caranya cukup mudah kok, tinggal kopas atau copy paste script 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;"></div></div>





    Lalu paste kan script tersebut pada web/blog anda, kalau pada blogger pilih "Add gadget" kemudian paste dan simpan. Dan lihat hasilnya. Terima kasih sudah baca artikel ini .
    • Blogger Comments
    • Facebook Comments
    Item Reviewed: Membuat Tombol Share Melayang Pada Blog Rating: 5 Reviewed By: Ican
    Scroll to Top