|
News & RSS | RSS Directory | Webmaster Tool FOR WEBMASTERSThe RSS Directory makes it possible for Webmasters to add feeds from the Directory to their own site by pasting a short line of Javascript into their page. To do so, some level of knowledge of Hyper Text Markup Language (HTML) and Cascading Style Sheets (CSS) is required. To add a feed for displaying on your site please follow the steps below: Find a feed The first step is to identify which feed you wish to add to your site pages. To do so, simply browse/search the RSS Directory to find a relevant feed. For this example, we have chosen the Hitting The Headlines feed. 
When you have found the feed you wish to add, click on the "preview" option to view a full preview of the feed. You will notice in the URL/Web address of the feed preview page that the ID number of the feed is revealed (in this case, the ID number is "70"). 
Add code to your page Note down this feed ID number as this will be required to set which feed you wish to display on your page. To add the feed, simply add the text in the textbox below to your webpage. Please note - this code must be added in between the <BODY> and </BODY> html tags in the section of your page where you wish the feed to appear. Now, simply change the FeedID number in the line of code you have just pasted into your page to the correct feed for display. In our example, the "FeedID=" section of the code is set to "70" to display the Hitting The Headlines feed. However, this code could easily be set to "32" to display the NELM News feed (for example). Once you have pasted the code into your webpage and saved/posted it to your site, you will see something like the following displayed on your page: 
As can be seen although the feed displays on the page, it is not formatted for display and is quite difficult to read. However, this can be remedied with the addition of some additional html for layout and css for style/format. By using css, we can also decide upon which sections of the feed we wish to display. An example of the same feed with additional styles is previewed at the foot of the page. This has been formatted in such a way as to lend itself to being inserted into a column of a webpage, however, there are many other ways in which you can set the format, style and display of your feed. To view the complete html file, containing html/css formatting for the example below, click here (please note this will open the page in a new browser window. To view the example code, simply right click in the new window and select the option to "view source".) 
|
|
