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,before adding it to your blog see the demo first.

Live Bar Demo

How To Add Horizontal Floating Share Bar To Blogger?

  • Go to Blogger Dashboard > Design > Edit HTML (In new User Interface it is Dashboard > Template)
  • Now find for </head> tag in your template.
  • 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 </body> tag.
  • Add below code just before </body>  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.

Post a Comment

  1. Can you tell us any social bookmarking widget which do not increase loading time?

    ReplyDelete
    Replies
    1. which kind of widget do you want?

      Delete
    2. how do you change your name to be your url?
      May you teach me please?

      Delete
  2. Can you suggest me where to get sharing widget like trickstime below blog posts

    ReplyDelete
  3. may i change the button . and how to?
    Thanks a lot.

    ReplyDelete
    Replies
    1. I can't understand what are you asking about?

      Delete
  4. When I screolled down NOTHING happened, is it Firefox 3.6 compatible?

    ReplyDelete
  5. Thanks Dear...its working fine...

    ReplyDelete
  6. No work for me.. =( friend help me! My site: http://www.lord-blog.com

    ReplyDelete
    Replies
    1. Hey pls. try it again bro. because there is nothing to customize in this widget.

      Delete
  7. Thank you sooooooooo much for this great help

    ReplyDelete
  8. It works, you can see it at http://itcongress.blogspot.com. It looks cool

    ReplyDelete
  9. Thank's dude, It's Working, you great dude, you the best..! :D

    ReplyDelete
  10. it works..but not like the way i needed..

    ONE TOUCH SEO

    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

 
Top