Add AutoHiding Social Bookmarking [Sharing is Sexy/Caring] Widget To Your Blog

As already discussed here in this blog, social networking buttons widget is a must for blogs and moreover you must be very creative while adding these buttons.
To make your work easier, here's an attractive bookmarking widget, that by default partially hides the buttons and shows them only when a visitor hovers his mouse-cursor over the icons.
Screen-Shot:

So have a look on this widget, designed by Eight7Teen [Live Demo]

To add this widget to your blog, follow these instructions:

Step 1:
Log in to Blogger, go to Layout -> Edit HTML and mark the "Expand Widget Templates" box.

Step 2:
Now find (CTRL+F) this in the code:

And immediately BEFORE/ABOVE it, paste this code:

NOTE: To show the phrase "Sharing Is Caring" instead of "Sharing Is Sexy", edit the above code like this:
Replace the text highlighted in BLUE color, i.e. instead of left bottom and right bottom use left top and right top.

Step 3:
Now find this in the code:

And BELOW/AFTER that, paste this code:

You may of course remove any button code, if you do not want to show it.

Now save the template.

That's it. Now just write some good posts worth bookmarking ;)

Posted in: blog widget,blogger