Sunday, June 24, 2012

How To Add Vertical Floating Social Sharing Bar To Blogger

Social Bookmarking helps you to get quick traffic to
your blog.So, you have to keep social bookmark
gadget, where the visitors can get it quickly.SO, they
will force to share it.This gadget is vertical bar. it will
appear on side of your blog.it work with every pages
with home page.Earlier I designed another floating
share buttons to blogger
Follow these steps to add it
to your blog.
Vetical Floating  Social Sharing Bar
1. Log in to blogger account and Go to Design >> Edit HTML
    (make sure backup your template first)

2. Find this tag by using Ctrl+F    </head>

3. Paste below code Before </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>

4. Find this tag by using Ctrl+F   </body>  

5. Paste below code before </body> code
<script>
var options={ "publisher": "ur-449c40c9-a162-33c2-af86-4ab2d3534cb", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter", "delicious", "email", "sharethis"]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
</script>
8. Now click Save Template.
   Cheers you are done.

4 comments:

  1. Omg! I used this! Nice post! Thanks! :)

    ReplyDelete
  2. Good tips, any ideas how to get a fixed bar per post on my blog? I want to have it so that reader can share the post not the whole site?

    ReplyDelete
  3. Hi, nice tricks. i will use this floating social widget in my blog. thanks!
    Portal artikel dan Info menarik!
    PES 2012 Gaming Patch

    ReplyDelete