In Ben Hammersley’s Making Your RSS Feed Look Pretty in a Browser he discusses using CSS to improve the display of RSS feeds in web browsers.
This article discusses using the alternative method of using XSL.
Adding the stylesheet to the RSS feed
The first step in the process transforms the RSS feed to HTML. This procedure only occurs when the feed is viewed in a web browser so RSS feed readers will ignore it.
Within the RSS file was add the line:
<?xml-stylesheet title="XSL_formatting" type="text/xsl" href="http://www.example.com/rss.xsl"?>
below the xml declaration at the very start of the file. (This assumes the XSL stylesheet is called rss.xsl and hosted at http://www.example.com/).
Using CSS to style the transformed RSS feed
The XSL stylesheet in the example above references a CSS stylesheet that can further transform the look of the resulting HTML.
The result
An example RSS feed transformed by XSL and CSS
Comments
There are no comments yet.
Related articles
- Microsoft forces backward step in email design
- Removing padding from IE buttons
- HTML Star Hack
- Using CSS to produce an image gallery
- CSS Hacks
- Skip navigation
Most recent articles
- FeedGrab and CSVGrab now multiple site compatible
- Rejigging brandnewbox
- Safari 3 beta launched for OS X and Window
- Spot the difference
- Setting up an ExpressionEngine Opensearch plugin
