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 == "item"'><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
Post a Comment