HOW TO ADD VERTICAL FLOATING SOCIAL MEDIA BUTTONS WIDGET TO BLOGGER

1) Go to Blogger Dashboard (DropDown Menu) --> Template --> Edit HTML --> Proceed
2) Backup your Template before making any changes to your blog
3) Now  Expand Widget Templates
4) Find the code highlighted yellow below using [ctrl+F] or F3

 </body>

 5) Now Paste the Code highlighted yellow below just before/above it

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
    /*<![CDATA[*/
   jQuery(document).ready(function(){jQuery(".latesthack").hover(function(){jQuery(this).stop().animate({left:"0"},"medium")},function(){jQuery(this).stop().animate({left:"-70"},"medium")},500)});
    /*]]>*/
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<style type="text/css">
    .latesthack {
        background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEherUSroy0eMNczFOxz6BToP9wQmzgfYblgAXt2ID8LVyaIVczMz-sIgzTP4Y03ilulkgZrWOZEcBM9q1zqMFzPriSMgsyQVo2J1PePa3UY_ys7QVipCzhSCM96NYoPVU_GXEUkHc1xDrM/s320/latesthack.com-image.png") no-repeat scroll right top transparent !important;
        display: block;float: left;height: auto;
        padding: 0 45px 0 0px;
        width: 65px;
        z-index: 99999;
        position:fixed;
        left:-70px;
        top:20%;
    }
    .latesthack div {
        border:none;
        position:relative;
        display:block;
    }
</style>
<div class="latesthack" style="">
    <div>
     
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" >
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
<p style='font-size:8px; font-weight:bold; text-align:center;margin-top:10px;'><a rel="nofollow" href='http://tipsntrack.blogspot.in/2012/12/add-slide-outfloating-social.html' >Get This</a></p>
</div>
</div></div>

♥ Now save your template.

♥ Enjoy