Learn How To Become a blogger ,Free Templates,Blogger Widgets, Blogger Gadgets,Blogger Tricks And Tips ,Download browsers,software,Net

Thursday, August 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="bloggertofree.blogspot.com/2012/08/add-floating-sharing-buttons-to-blogger.html" style='font-size:10px'>Get Widget</a></td></tr>
</table>
</div>
</div>
<!--Like Box Ends-->
</body>
 save and enjoy!

0 comments:

Post a Comment

Please do not spam Spam comments will be deleted immediately upon our review.

Regards,
JeHad Hussein

Note: Only a member of this blog may post a comment.

Subscribe via email for free

Activate your subscription by clicking on the link in an email from Feedburner. We respect your privacy.

Most Popular

 

random topics

Followers

Bloggers - Meet Millions of Bloggers

Are you looking for?

Become a Fan On Facebook!

Follow @Bloggertofree