Add Floating Social Media Sharing Buttons

Your blog is ready and Now! you should have social media sharing buttons to share your story on social sites and you know, it’s better way to allow visitor share story. If you have not this buttons then visitor are not able to share. If you are using blogger, you can do through Edit your blog template. I have included Facebook Share, Retweet, Stumbleupon, Digg and Linkedin This buttons in the bar. If you want to add any more social sites in buttons, you can do it.

Social Buttons

How to Add to Blogger?

1. Login to your Blogger Account.
2. Go to Design > Edit HTML.
3. Check Expand Widget Templates.
4. Search <data:post.body/>.
5. Copy the code below and paste it before <data:post.body/>.

<!– Floating social media buttons by www.hotnewsworld.com –>  <style>#floatingbuttons{background:#aaa;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(1, #aaa));background:-moz-linear-gradient(top, #f2f2f2, #aaa);border:1px solid #808080;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #floatingbuttons .floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} .addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#fff;background:none;font-family:arial, sans-serif;display:block;font-size:9px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#fff;background:none;text-decoration:underline;}</style>
<div id=’floatingbuttons’ title=”Share this post!”><script src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script><script type=”text/javascript”> (function() { var s = document.createElement(‘SCRIPT’), s1 = document.getElementsByTagName(‘SCRIPT’)[0]; s.type = ‘text/javascript’; s.async = true; s.src = ‘http://widgets.digg.com/buttons.js’; s1.parentNode.insertBefore(s, s1); })(); </script><!– Medium Button –><script src=’http://platform.twitter.com/widgets.js’ type=”text/javascript”></script><div class=’floatbutton’ id=’facebook’><fb:like layout=”box_count” show_faces=”false” font=””></fb:like></div><div class=’floatbutton’ id=’stumbleupon’><script src=”http://www.stumbleupon.com/hostedbadge.php?s=5″></script></div><div class=’floatbutton’ id=’digg’><a></a></div><div class=’floatbutton’ id=’twitter’><a href=”http://twitter.com/share” class=”twitter-share-button” data-count=”vertical” >Tweet</a></div><div class=’floatbutton’ id=’linkedin’><script type=”text/javascript” src=”http://platform.linkedin.com/in.js”></script><script type=”in/share” data-counter=”top”></script></div><div ><a href=”http://www.hotnewsworld.com/add-floating-social-media-sharing-buttons-blogger/” title=”Add floating social media share buttons to your blog!”><span>Get Floating</span><div style=”clear:both”></div><span>share buttons</span></a> </div> </div> <!– end Floating social media buttons by www.hotnewsworld.com –>


Follow HNW on TwitterTwitter, Become a fan on FacebookFacebook and Subscribe to RSSRSS.


Are you Tech-Savvy? Do you love to update yourself constantly with the Latest News, Blogging Tips, Tech Tips, WordPress Tips or Mobile News, etc and many more. Are you looking forward to get tech information online? If your answer to all the above questions is YES, then HotNewsWorld would serve you the best. You can do all the above mentioned things and many more here at HotNewsWorld.com

One Comment

  1. I loved as much as you’ll obtain carried out right here. The cartoon is tasteful, your authored subject matter stylish. nonetheless, you command get got an edginess over that you wish be handing over the following. unwell for sure come more previously again as exactly the same nearly very often inside case you defend this hike.

Leave a Reply