Add a customized RSS icon in Blogger

Here 's the cool way you can insert your customized RSS icon. No sweat, no tears.
First you'll need to have the picture (icon or whatever), you want to to place as your RSS. If you don't know or don't want to make your own, here are some I've found around. Credits to the authors, but there's so many of them to mention everybody. Please do visit their websites, or galleries.... 1 2

Log in to your blogger account, then go to:

DASHBOARD ► LAYOUT ► PAGE ELEMENTS, and in the sidebar section click on "Add a Gadget" and from the list of gadgets, choose "HTML / Java Script". Then, insert this part of code into the box:
<a href="YOUR FEED URL" target="_blank">
<img src="YOUR RSS PICTURE URL" border="0" />
</a> 


1.
Now, you have to replace YOUR FEED URL with your real feed URL. By default the address is:
http://YOUR BLOG NAME.blogspot.com/feeds/posts/default
...instead of YOUR BLOG NAME should be the name of your blog, of course....☺

And in case you've 'burned' your feed with Feedburner, you can find the address under:
DASHBOARD ► SETTINGS ► SITE FEED ► POST FEED REDIRECT URL -copy the address from the box...

2.
You have to replace YOUR RSS PICTURE URL with URL of your hosted picture on the web. For free hosting you can use PhotoBucket or TinyPic (my favorites). Copy the link after you upload it there, and paste it instead of the part in pink.
Here's what the URL can look like:
http://i37.tinypic.com/blabla.jpg

CAN I ALIGN THE PICTURE?

Centering the picture
<center><a href="YOUR FEED URL" target="_blank">
<img border="0" src="YOUR RSS PICTURE URL"/>
</a></center> 
Aligning to the right
<a href="YOUR FEED URL" target="_blank">
<img border="0" src="YOUR RSS PICTURE URL" align="right"/>
</a> 
Aligning to the left - it's aligned left by default

That's about it. If you have any question, just ask......

Smile!