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.
LIVE DEMO
Vertical Floating Social Sharing Bar 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>
<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
6 comments
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.
@Sunil Search this line in your template <b:include data='post' name='threaded_comments'/> you will find the whole code
Brother Showing Error When I Replace The Code And Click Save...
@Sunil Send me your template
Brother The Problem Fixed ... I Recently Commented...I Think That You Can Not See The Comment...
Thanks a ton. It worked.
http://sportsbongo.blogspot.in
Click to Add a New Comment