How to add Floating social buttons in blog or wordpress?

Floating Social Buttons in blog or widgets

This tutorial is about adding floating social buttons like,facebooks,twitter,google+,share to blog.This buttons is mostly working and as a standard in all premium sites,as addition it wont distrub users from reading your blog articles.

To how it looks just move your cusor to right side of window and place over like us in this window of our blog.

It looks as what is here.
HOW TO DO IT?

Login To Blogger Account.
Click Blog Title → Template → Edit HTML.
Click Proceed Button.
Search Following Code Using CTRL+F

</body>

Replace the above code with below code.

<!--Like us Box Start-->

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

<style>

.tehlike{background:url(https://lh4.googleusercontent.com/-71VdZG3DUuk/UCTrg-vcNlI/AAAAAAAAA78/CeRXozCEvUw/s100/Like%2520Us.png) no-repeat scroll right center transparent!important;float:right;height:210px;width:60px;z-index:99999;position:fixed;left:-68px;top:12%;padding:0 45px 0 0px}

.tehlik{margin-right:-8px;border:3px solid #000;padding:0;background:#fff;}

</style>

<script type="text/javascript">

jQuery(document).ready(function() {jQuery(".tehlike").hover(function() {jQuery(this).stop().animate({left: "0"}, "medium");}, function() {jQuery(this).stop().animate({left: "-68"}, "medium");}, 400);});

</script>

<div class="tehlike">

<div class="tehlik">

<table><tbody><tr>

<td style="padding:5px 0 0 5px;">

<iframe expr:src=""http://www.facebook.com/plugins/like.php?href=" + data:blog.url + "&amp;layout=box_count&amp;show_faces=false&amp;action=like&amp;
font=arial&amp;colorscheme=light"" style="border:none; overflow:hidden; width:56px; height:65px;">

</td></tr>

<tr><td style='padding:2px 0px 0px 3px;'>

<div class='g-plusone' data-size='tall'/>

</td></tr>

<tr><td style='padding:3px 0 0 4px;'>

<div class='addthis_toolbox addthis_default_style '><a class='addthis_counter'/></div>

<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f45e0bd4d2fce85' type='text/javascript'/>

</td></tr>

<tr><td><a href="http://www.blog4al.com/2012/08/how-to-get-floating-social-buttons-in.html" style='font-size:10px'>Get Widget</a></td></tr>

</table>

</div>

</div>

</body>

<!--Like Box Ends-->

Then click preview then click save button.