Add Vertical Floating Social Sharing Bar To Blogger

Social Bookmarking helps you to get quick traffic to your blog. This floating bar is having Facebook, Google plus, twitter, linked-in, Email and Pinterest social share buttons. If you want to add more buttons in it then you can make your own widget by going to sharethis.com and create a floating widget for your blog.





Vertical Floating Social Sharing Bar Demo



LIVE DEMO


How To Add Vertical Floating Social Sharing Bar In Blogger

  • Go to Blogger Dashboard 
  • Click on DropDown Menu and select Template
  • Backup your Template before making any changes to your blog
  • Now Click on Edit HTML --> Proceed --> Expand Widget Templates
  • Press Ctrl + F and search the code shown below



</head>



  • Now Paste the Code Shown Below just above/before 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>
<script>
var options={ "publisher": "074821ed-063e-4ae5-bad9-3e26ecf249f3", "position": "left", "ad": { "visible": true, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "googleplus", "twitter", "linkedin", "email", "pinterest"]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
</script>

  • Now save your template

Like it? Share it.

6 comments

14 July 2012 at 05:29

Brother Please Please Help Me...I'am Requesting 3rd Time And Waiting From 5 Days...I Applied Your Comment Box . But After Doing One Comment In My Blog It Revert Back To Old Blogger Comment box...And I Also Use Your Link How To Remove Threded Comment But I Can Not Found Any Of these Code Help Help Please.

14 July 2012 at 05:51 Author

@Sunil Search this line in your template <b:include data='post' name='threaded_comments'/> you will find the whole code

14 July 2012 at 06:52

Brother Showing Error When I Replace The Code And Click Save...

14 July 2012 at 08:06 Author

@Sunil Send me your template

14 July 2012 at 18:29

Brother The Problem Fixed ... I Recently Commented...I Think That You Can Not See The Comment...

Anonymous
9 August 2012 at 13:11

Thanks a ton. It worked.
http://sportsbongo.blogspot.in

Click to Add a New Comment

  • If you're asking a question click on Subscribe By Email link, on the comment form, to be notified of replies.
  • Do NOT add links to the body of your comment as they will not be published.
  • Only the comments posted in ENGLISH will be approved.
  • If you have a problem check first the comments , maybe you will find the solution there.