Fast Loading Floating Social Sharing Widget for Blogger

The Floating Social Sharing widget is most important for every blog, Because readers of a blog can share our articles to there friends easily. Here in this widget we have integrated top social websites via ShareThis service. The list of social websites are Facebook, Twitter, Linkedin, Stumbleupon, Pinterest and Reddit.
Fast Loading Floating Social Sharing Widge

How to Add Floating Bar To Blogger - 9 Easy Steps to Follow
  1. Go to Blogger and Template
  2. Backup your template and Save it into your machine
  3. Click Edit HTML
  4. Check the Expand Widget Templates Check box
  5. Search for the code: <b:includable id='post' var='post'>
  6. Just below Code paste the following code:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style>
.Techsemo_social_floating{
position:fixed; bottom:15%; margin-left:-60px; float:left;
    width:60px;
    background-color:#f7f7f7;
    padding: 5px;
     border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
z-index:9999px !important;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
</style>
<div class='Techsemo_social_floating'>
<div Class='FShare' style='border-bottom:1px dotted#E2E2E2;padding:0.1em 0 0.2em 0.1em;'><span class='st_facebook' displayText='Share'/></div>
<div Class='Tweet' style='border-bottom:1px dotted#E2E2E2;padding:0.1em 0 0.2em 0.1em;'><span class='st_twitter' displayText='Tweet' st_via='techsemo'/></div>
<div Class='InShare' style='border-bottom:1px dotted#E2E2E2;padding:0.1em 0 0.2em 0.1em;'><span class='st_linkedin' displayText='Share'/></div>
<div Class='Stumble' style='border-bottom:1px dotted#E2E2E2;padding:0.1em 0 0.2em 0.1em;'><span class='st_stumbleupon' displayText='Stumb'/></div>
<div Class='Reddit' style='border-bottom:1px dotted#E2E2E2;padding:0.1em 0 0.2em 0.1em;'><span class='st_reddit' displayText='Reddit'/></div>
<div Class='Pinit' style='border-bottom:1px dotted#E2E2E2;padding:0.1em 0 0.2em 0.1em;'><span class='st_pinterest' displayText='Pinit'/></div>
<div Class='More' style='border-bottom:1px dotted#E2E2E2;padding:0.1em 0 0.1em 0.1em;'><span class='st_sharethis' displayText='More'/></div>
<div Class='Get This' style='padding:0.1em 0 0.1em 0.1em;'><a href="http://www.techsemo.com/search/label/Widget">Widget</a></div>
</div>
</b:if></b:if>
     7.  Search for the code: </head>
     8.  Just above Code paste the following code:
<script type='text/javascript'>var switchTo5x=false;</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
     9. Save your template and enjoy - You are done!

Just replace techsemo with your twitter username. 

Important: Please take a backup before every changes of your template. Because the backup could recover your template from any error while editing or adding widgets.

This Fast Loading Floating Social Sharing Widget for Blogger would display on post pages only and it wont display on homepage and Other pages. You can surely ask for our help which would be no less than a pleasure. Please ask us any query you may have in the comment section below.
Powered by Blogger.