How to add floating Share buttons in your blogs


Having a custom floating sharing button always increase the chances of your site's popularity and increase more traffic because if the audience likes your post then chances are they are also going to share your post to other people

The code of this


  • Go to Edit HTML in templates and in blogger
  • FInd  ]]></b:skin>
Copy this code just above it

#sharebox {background-color:#FFFFFF;border-color:#C1CDCD;border-style:solid;border-width:1px;left:103px;bottom:40px;margin-top:10px;position:fixed;width:64px;}#sharebox .float {margin:7px}.FBConnectButton_Text{font-size: 8px;padding:2px 4px 3px !important;}

And then find this code


<div class='post-header-line-1'/>

just before it paste this code and you are done



<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='sharebox'><div class='float'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div><div class='float'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div><div class='float'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/><script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div><div class='float'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div></div></b:if>


Remember to back up and then save it

Comments

Popular posts from this blog

Youtube Video Presentation

Create Quality and ClickBait Thumbnail