Ok so I decided to pimp out my blog a little and though I'd add Social Bookmarking links so that people could 'Digg' my posts so that others could 'StumbleUpon' them etc (oh, I am so clever!). So I start looking for some widgets to easily add to my blog template and realize there aren't that many out there. And the one that I found let me add the widget to the blog as a whole and not to each post. Now, why would someone want others to bookmark his/her blog for cryin' out loud! .......

So then I started looking at XML code available online for inserting these buttons onto my blog and it's insane! There is no one single instance of this code on the web that works! Either the parsing is incorrect or .png files are not tracked right or in some cases, I couldn't even understand what the problem was!

So finally, I decided to write some code myself for inserting these buttons in your Blogger blog (remember, this will not work in Wordpress. Actually, Digg has a ready widget for WP.)

Simple steps to pimping out your blog:

a. Download the .txt file. I assure you its the XML code and nothing but the code.
b. Open your Blogger account dashboard -> Click on 'Layout' -> Click on 'Edit HTML'. This will take you to the XML code of your blog template.
c. Click on 'Expand Widget Templates' right above the XML code. This basically expands all the widgets' code.
d. Find the text - "......clear for photos floats" (without the quotes) (there will be only one instance of it). How do you do this? Well, press Ctrl+F -> this will bring up the 'Find' option -> type "floats" (without the quotes) and press enter -> you will find the line of code.
e. Now once you have found the above line of code, open the .txt file that you downloaded and copy the entire text in that file. Just press Ctrl+A followed by Ctrl+C.
f. Now go the Blogger XML code and paste this code on the next line right after "......clear for photos floats"
g. Click on 'Save Template' and you are done!