Using QuickSub to make it easier for your visitors to subscribe to your feed

Apr 22
07:21

2005

Allan Burns

Allan Burns

  • Share this article on Facebook
  • Share this article on Twitter
  • Share this article on Linkedin

You can make it easier for your visitors to subscribe to your RSS feed. With a free and easy to install javascript function you can add the QuickSub feed button to your webpage in just a few minutes. Let me show you just how easy it is.

mediaimage

QuickSub is a javascript mouseover function that produces a list of RSS feed readers that you can use to subscribe to your RSS news feed with one click. You can see it in action on my RSS resource site,Using QuickSub to make it easier for your visitors to subscribe to your feed Articles just move the mouse over the subscribe link. You should see a list of RSS feed readers. If you click on one of the news reader links it will open up that RSS reader and add this feed to it. You will need the particular news reader installed on your computer for this to work. So for example if your visitor uses SharpReader as their RSS reader then they would click on the Sharpreader link and this would add your feed to your visitors RSS reader.

To use QuickSub on your site you will first need to download the javascript and CSS files from QuickSubs site. The file is compressed so you will need to unzip the file which will leave you with quicksub.css and quicksub.js as well as a sample html file.

Upload the CSS as javascript file to your server. Now you will need to add some code into your web pages. You will need to do this for all of the pages that you wish to use QuickSub on.

Please note that in these examples I have used square brackets instead of angled brackets.

First you need to copy some code to call the CSS file. Add this line with your head tags.

[style type="text/css"] @import "quicksub.css"; [/style]

Then copy this code into the body of your page.

[div id="quickSub" style="position:absolute; visibility:hidden; z-index:1000;" onMouseOut="return timeqs();" onMouseMove="return delayqs();"][/div][script language="JavaScript" src="quicksub.js"][!-- quickSub (c) Jason Brome --][/script]

Then where you want to use QuickSub place this code in the body of your page.

[a href="http://www.sitename.com/rssfeed.xml" onmouseout="return timeqs();" onmouseover="return quicksub(this, 'http://www.sitename.com/rssfeed.xml');"]Your link text here[/a]

You just need to replace the path with the path to you RSS feed and enter you own link text. All is left now is to upload your modified page to your web server and the new QuickSub javascript will be active.