0

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 views little bit.So without waiting anymore lets go to the tutorial.

How To Add Share This Share Buttons To Blogger?



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


</head>

add below code just above it.

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

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

Post a Comment

 
Top