How to add RSS Button To your blog

Rss Button



When you visit a blog, you must have noticed those orange buttons on display, especially if they are big and shiny. Those are RSS feed buttons. You know what they’re used for right?But you might wonder how do you put one of those in your blog?

Well,okay I’ll tell you how to do it. Here is the procedure :

  1. Go find one in the net, just search for RSS buttons, make sure it’s free for use before you download them. I suggest you iconfinder to find your rss button as well as other icon or button.
  2. just type rss  in your search and the result will be available within a few second.
  3. Copy the link.
  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 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.
  5. That was easy, now come the slightly difficult part, writing the code. Here is an example:

    <a href="http://feeds2.feedburner.com/emdadblog" title="Click to subscribe">
    <img src="http://       " style="border:0"/>Subscribe to my feed</a>

  6. 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.
  7. Now you need to edit the code. The yellow part specifies your feed url, in the example is emdadblog'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.
  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.

2 comments:

  1. Hello 嬌潔,
    If u post any comment in english it will be better. I hope u don't mind.

    ReplyDelete
  2. Hi, gr8 post thanks for posting. Information is great-full!

    Regards~
    Prasen Dutta
    Business Development LLC, at Professional web development company India

    ReplyDelete

Let us know, what you think about this blog