Adding RSS 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;
- Go find one in the net, just search for RSS buttons, make sure it’s free for use before you download them.
- Upload it into image host (e.g. Photobucket, Imageshack, Flickr etc.).
- Copy the link to the button.
- 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 another one is comments feed. Its up to you whether you want to use separate buttons or use the same button twice or…..you decide.
- 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="http://i632.photobucket.com/albums/u22/GreenLava/ikon.gif" style="border:0"/>Subscribe to my feed</a
- At first go to where you want to place the. If you to put it in the sidebar, then go to Dashboard>Layout>Page Elements>Add a Gadget(at the sidebar)>HTML/JavaScript. Paste the code there.
- 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 rss url will be “http://yourblogurl/posts/feeds/posts/default” –for posts and “http://yourblogurl/posts/feeds/comments/ default” -for comments. 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.
- 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.
- Now you code is complete.Click save.
- Go ahead view your blog.
11 comments to "Adding RSS button to your blog"
Im not sure why the rss button does not appear. I uploaded to flickr copied link..this is what html says, < img=src= "http://www.flickr.com/photos/21646452@N00/3711301995/"/>subscribe to my feed< /a >
how can I fix it? Thanks
You use the wrong link. The proper link should be http://farm4.static.flickr.com...... and it ends with your image file format such as jpg or gif.
thanks, and what am i doing wrong with the top half?
< a href="http://feeds.feedburner.com/DrawingFromMusicl" title="Click to subscribe" >
You have an L at the end of DrawingFromMusic.
worked like a charm. you explained it perfectly. thanks
i want to put it at the top of my blog where i don't have option to keep widget.
so where to edit the html code
@surya
Where might that be?
You have to create a section (widget container) first.
If it is beside the header, read Add banner, Adsense or search box in header.
Hey, this is really useful! Thank you. I've added this to my blog
@Glenny
You're welcome. Click the Post Index tab for more tutorials.
Thanks for the info! Very helpful and easy to follow! :) Was a cinch! :)
cool nice thank you
If your question is unrelated to this article, please use our Facebook page.
When posting HTML/XML code, replace < and > symbols with [ and ] respectively. The reverse applies when copying code from my replies here.