side share

side-share




==================

======================

==========================

<style type="text/css">
    #floating_bar {
    background-attachment:fixed;
    background:
        /* top, transparent White */
        linear-gradient(
        rgba(255, 255, 0, 0.2),
          rgba(255, 0, 255, 0.2)
        ),
        /* bottom, image */
        url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRj6dDS54KdFjPqsQH-_sOLcYYLRAweBhD9MF2Z0wkoxEvLZyehyodF1FxsXg4caw2PtI5dY2h2RmcpHAA_0Zk1HGGY3wghROU7h8c2RBuRDlQQ2aOt1iiCFrj1z5e63R3VndVGnMHUm5/s1600/bg.jpg);
    background-repeat: repeat;
    position:fixed;
    padding:0 0 3px 0;
    bottom: 30%;
    margin-left:-75px;
    float:left;
    border-top:2px groove #00a4ef !important;
    border-bottom:2px groove #ffb900 !important;
    border-right:2px groove #7fba00 !important;
    border-left:2px groove #f25022 !important;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2);
    box-shadow:1px 1px 1px rgba(0,0,0,0.2);
    z-index:10;
    }

    #floating_bar {
    clear:both;
    }
    </style>
    <div id='floating_bar'>
    <div style='margin:10px 0 5px 13px;' id='like'>
    <div class="fb-like" data-send="false" data-layout="box_count" data-width="40" data-show-faces="false"></div>
    </div>
    <div style='margin:0px 0 0 10px;' id='gplusone'>
    <g:plusone size="tall"></g:plusone>
    </div>

    <div style='margin:5px 5px 5px 6px;'>
    <a href="https://twitter.com/share" class="twitter-share-button" data-via="mybloggertriks" data-lang="en" data-count="vertical">Tweet</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
    </div>

    <div style='margin:5px 5px 5px 5px;' id='linkedin'>
    <script src="//platform.linkedin.com/in.js" type="text/javascript">
    lang: en_US
    </script>
    <script data-counter='top' type='IN/Share'></script>
    </div>
    <div style='margin:0px 0px 5px 10px;'>
    <a class="addthis_counter"></a>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js"></script>
    </div>
    <p style='line-height:10px; margin-bottom:8px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://www.myblogger-tricks.com/2013/09/add-awesome-floating-sharing-bar-on.html' rel='nofollow' style='color:#777;'> Get Widget </a></p>
    </div>

=====================

==========================