OPML Styling with Javascript

What is this?

OPML (Outline Processor Markup Language) is a simple XML format for outlines. It is commonly used to share lists of podcasts and Atom/RSS news feeds.

How do I use it?

Add it to your sitemap.xml file. At the top of the file, it will look like:

<?xml version="1.0" encoding="UTF-8"?>
<opml ...>
...

Add a line after the first xml tag (i.e. opml):

<?xml version="1.0" encoding="UTF-8"?>
<opml ...>
<script src="https://www.xml.style/opml/basic.js" xmlns="http://www.w3.org/1999/xhtml"></script>
    ...

Available Styles

Note: feel free to download them and host them yourself!

basic.js - very plain using HTML details/summary tags with classless CSS.

Source

Demos

Dan Q's Blogroll - nice outline
Dave Winer's Blogroll - flat
Dave Winer's About Page - Not a blogroll, but an About page as an outline
Hacker News Blogs - flat
Kilim Choi's Engineering Blogs
Knut Magnus Aasrud's Blogroll - The original has a stylesheet!
Louis Lazaris's Front-end Feeds - nice outline
Maya's subscriptions - long outline
OpenStack Planet
Planet GNOME
Programming Blogs from Awesome RSS
Robert Alexander's Blogroll Network - Almost 15,000 feeds, so performance is poor. It does load eventually.
Sharjeel Sayed's Subscriptions - nice outline
Blogs from India via Awesome RSS

OPML Styling with Javascript

What is this?

How do I use it?

Available Styles

Links

Demos