Adding RSS feed button to your blog

When your visit a blog, you must have noticed those orange buttons on display, especially if they are big and shiny like the one on the left. Those are RSS feed buttons. You know what they’re used for right? (If not, please refer to What is RSS? ). But you might wonder how do you put one of those in your blog?

Well, okay okay I’ll tell you how;

1. Go find one in the net, just search for RSS buttons, make sure it’s free for use before you download them.
2. Upload it into image host (e.g. Photobucket, Imageshack, Flickr etc.).
3. Copy the direct link to the button.
4. Decide where you want to put the button in your blog. I would suggest in the upper right side sidebar. By the way there are two RSS feeds come out from your blog. One is posts feed and the other one is comments feed. Its up to you whether you want to use separate buttons or use the same button twice or…..you decide.
5. That was easy, now come the slightly difficult part, writing the code. Here is an example:

   <a href="http://feeds2.feedburner.com/BloggerSentral" title="Click to subscribe"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPu0udeOcue_U8r65MQryZfYUAjFzE6kBzGNcM1lQKfER0WzRm-tuIJdDbkKRn-s3z0naRbp9HbVBhVFj9H3p_ud3BSk3kw5O942jqrru1FahJTiIuoqDECE7U_5i5tyCXyOQIzFnNO8wU/s1600/rss.png" style="border:0"/>Subscribe to my feed</a>

6. To put the button in the sidebar, go to Dashboard > Layout > Add a Gadget and pick a HTML/JavaScript gadget. Copy the code above and paste it in the gadget.
7. Now you need to edit the code. The yellow part specifies your feed url, in the example is Blogger Sentral’s Feedburner feed url. If you do not use external service, your blog posts rss url will be
   http://yourblogurl/posts/feeds/posts/default
   and the comments feed is
   http://yourblogurl/posts/feeds/comments/ default
   Just replace my url with yours. “Subscribe to my feed” text will appear next to the button. The title ”Click to subscribe” is a tooltip message which appears when you hover the button with the mouse. Both texts can be replaced with your own.
8. The green portion specifies your button location on the web. Just copy and paste the link in step 3 to replace the url in the example.
9. Now you code is complete. Click save.
10. Go ahead view your blog.

Enjoy!