Add Awesome Floating Sharing Bar toBlogger Blog

Share your blog in popular social networking/bookmarking sites is very important to get good traffic and I think this is the easiest way for increase our blog/website traffic. This is indeed the most beautiful Social Network floating share widget featuring the top Social Network sites (Google Plus, Twitter and Facebook ). In this tutorial we'll create Floating Sharing button for your blog. With the 'Sharethis' button visitors will be able to share your content with their friends or community, and you know yourself what will happen. Share This is a very popular service offering multiple Social Bookmarking Widgets for blogs and websites.i have a Blogger Tips show you how to add the new ShareThis Floating Buttons to various position on your blog. You can see the buttons in question to the end of this Article and that position will be one of the options for your blog. In this part I going to show you  Floating Sharing buttons with Vertically Align at the right side of your blog.

ShareThis Tool Tutorials

Part 1: How To Add Share This Buttons With Horizontal Counters

Part 2: How To Add Share This Floating Right Buttons to your Blog

Part 3: How To Add Share This Navbar at the Top Your Blog.

Part 4: How To Add Share This Heart Style Sharing.

Preview Live Demo

Note:- Always Make a Backup of Your Template Before You Edit Your Template –( how to make a template backup)

1. Go To Your Blogger Dashboard>> Template>> Proceed.

2. Press CTRL+F and find the following Code in you template. (how to find code using search bar)

</head>

3. paste the below code before/above </head>.

<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>

4. Find The Following Code in your Template.

</body>

5. paste the below code befor/above </body>

<script type="text/javascript">stLight.options({publisher: "1cce35ce-6744-4bac-9fa5-8f17a67a6fa6"});</script>
<script>
var options={ "publisher": "1cce35ce-6744-4bac-9fa5-8f17a67a6fa6", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["googleplus", "facebook", "twitter", "stumbleupon", "linkedin", "pinterest", "email", "sharethis"]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
</script>

5. and click on preview button and check all things is ok. if ok press save button..! That’s is your done. Hope you like the tutorial and the floating share widget. We'd be glad to hear from you. if you have any trouble in this tutorial leave your comments below in comment box. thanks for reading our tutorials. also check out my previous post how to add sharethis buttons below post with counter.