Horizontal Floating Share Bar With Close Button For Blogger

Horizontal Floating Share Bar

Today we are sharing another cool social bookmarking for blogger.This is a horizontal floating share bar containing AddThis share buttons.This gadget is created by AddThis.com and we bloggerized this gadget to work perfect with your blog.It contains a close and plus buttons,when any visitor hits the close button then the bar goes inside and shows the plus button.When again he/she clicks the plus button then it appears.I have kept the installation easy as possible as you just have to copy and paste the two pieces of code.Now lets go to tutorial.

How To Add Horizontal Sharing Bar To Blogger?

1. Go to Blogger Dashboard > Design > Edit HTML (In new User Interface it is Dashboard > Template)
2. Now find for </head> tag in your template.
3. Add below code just before </head> tag.

<script type="text/javascript">
var addthis_config = { bar_show_below : 150 } </script> <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script> 

Now find for tag.

</body>

Add below code just before tag.

<div class="addthis_bar addthis_bar_medium">
<label>Share This Page:</label> <div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <span><a class="addthis_button_preferred_1"></a></span> <span><a class="addthis_button_preferred_2"></a></span> <span><a class="addthis_button_preferred_3"></a></span> <span><a class="addthis_button_preferred_4"></a></span> <span><a class="addthis_button_compact"></a></span> <span><a class="addthis_counter addthis_bubble_style"></a></span> </div> </div>

Now save your template and you are done.
Go to your blog,you will see this floating horizontal share menu.Don't forget to share it.

Kindly Bookmark this Post using your favorite Bookmarking service: