How To Create A Noticeable Javascript RSS Button

By Blogotise | Sep 4, 2009

RSS is a very useful tools in internet marketing to keep track and update the readers, however most bloggers are reluctant to create a noticeable RSS button in their blog. This short tutorial teaches you how to make one for yourself:

Step 1:

Go to your index.php or header.php files, then place the following codes in it.

<div id=”loading” style=”position:absolute;font-family:arial,sans-serif;background:#0070EA;color:white;font-size:12px;top:0;right:0;z-index:1″
<a href=”http://feeds2.feedburner.com/blogotise”><img src=”<?php bloginfo(’template_url’); ?>/images/rss.jpg” alt=”" class=”floatRight”></img></a></div>
</div>

Step 2:

Edit the reference link to your own desired RSS link:

and edit the image reference link to your own desired RSS Button image:

<img src=”<?php bloginfo(’template_url’); ?>/Your Image Directory Link” alt=”" class=”floatRight”></img></a></div>

Step 3:

Save your file and refresh your blog, it might takes up to few minutes for the image to be successfully upload and show. Done!

Note: The image size is recommended in 136 x 136 pixels as I did in my blog, so that it does not overlap your content.