Fixed Position "Share This" Sharing Bar For Blogger

Sharethis.com is always famous for their cool and various sharing tools.In this tutorial we will add a fixed position i.e. floating share bar to blogger. It contains sharing buttons for facebook.twitter,pinterest,mail and sharethis button which contains sharing option to all social website.As always installation of this gadget is extremely easy you just have to copy and paste two snippets of codes in your template.And I am sure that this gadget will surely increase your page traffic more. So let's add this to your blogger blog to increase traffic.

How To Add Sharethis Buttons To Blogger?

1. First backup your template. Check this for backup.
2. Go to Blogger Dashboard > Design > Edit HTML.
3. Download a copy of your template first.
4. Now search for

</head>

add below code just above </head> tag.

<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>

Now find for below code in your template.

</body>

add below piece of code just above </body> tag.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script>
var options={ &quot;publisher&quot;: &quot;ur-a2599f1-8136-72d-5d41-d74061e0b4fc&quot;, &quot;position&quot;: &quot;left&quot;, &quot;ad&quot;: { &quot;visible&quot;: false, &quot;openDelay&quot;: 5, &quot;closeDelay&quot;: 0}, &quot;chicklets&quot;: { &quot;items&quot;: [&quot;facebook&quot;, &quot;twitter&quot;, &quot;pinterest&quot;, &quot;email&quot;, &quot;sharethis&quot;]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
</script>
</b:if>

Now save your template and you are done...

This floating bar will only visible on posts pages if you want to show this bar on your homepage then simply delete first and last line from above code. Starting with <b:if and the last line </b:if.

Kindly Bookmark this Post using your favorite Bookmarking service: