Fixed Position "Share This" Sharing Bar For Blogger - Helper Blogger

Blogger Widgets | Templates | Tutorials

Latest

Friday, 4 May 2012

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

8 comments:

  1. awesome man i really like your blog and blog posts keep it up

    ReplyDelete
  2. not working in my blog.
    I have pasted all the things.
    Check it mercis4u.blogspot.in

    ReplyDelete
  3. You are a Great man Rahul. Keep it up!!

    ReplyDelete
  4. thank you dude..very awesome work,,,very helpful for my blog..see my blog dude,so that you can see your brilliant work,,here is my blog..

    http://tag-picture.blogspot.com/

    ReplyDelete
  5. thanks Rahul for providing this cool widget ......i was searching for this widget for last two days.....thanks for providing this it really look good on my blogs ....
    http://www.thebravesandsmarts.blogspot.in/
    http://lov-stories.blogspot.in/

    good work keep it up ....really cool widgets, i have bookmarked your site.

    ReplyDelete
  6. thank .http://www.khmerleadership.org/

    ReplyDelete

If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account). PLEASE DO NOT SPAM