Friday, November 16, 2012

Add Floating Sharing Buttons To Blogger

Add Floating LikeUs Sharing Buttons To Blogger Blog. Using This Sharing Buttons Your Reader Will Not Disturb While Reading Your Articles.

Sharing Buttons Will Show User's Mouse Cursor Over Like Us. Follow These Steps To Add These Buttons To Your Blog.



How To Install
  1. Next, click on the 'template' tab
  2. Backup your Template before making any changes to your blog
  3. Now Expand Widget Templates
  4.  click on the "Edit HTML".
  5. Now find this code 
</body>
  Replace The Above Code With The Code Below.
 <!--Like 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(&quot;.tehlike&quot;).hover(function() {jQuery(this).stop().animate({left: &quot;0&quot;}, &quot;medium&quot;);}, function() {jQuery(this).stop().animate({left: &quot;-68&quot;}, &quot;medium&quot;);}, 400);});
</script>
<div class='tehlike'>
<div class='tehlik'>
<table><tr>
<td style='padding:5px 0 0 5px;'>
<iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:blog.url + &quot;&amp;amp;layout=box_count&amp;amp;show_faces=false&amp;amp;action=like&amp;amp;font=arial&amp;amp;colorscheme=light&quot;' 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://tell-me-howw.blogspot.com" style='font-size:10px'>Get Widget</a></td></tr>
</table>
</div>
</div>
<!--Like Box Ends-->
</body>

 save and enjoy!