My RSS is Bright Orange

After tinkering with the common syndication icon for RSS and Atom a bit more on Workbench, I've added text that makes the purpose of the orange blibbet less obscure.

The HTML markup relies on Cascading Style Sheets to align properly and turn the text orange before it is clicked:

Here's the styles defined for this markup:

.rsslink {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align: center;
font-size: 10px;

.rsslink a {
text-decoration: none;

.rsslink a:hover {
color: #CC6600;

.rsslink img {
vertical-align: -40%;

Perhaps I'm overthinking this.


Well, it's a nice little CSS tutorial. Cheers!

I hope you don't mind that I stole your code to add the same link to my blog's RSS feed at Looks nice!

Not at all. Looks good.

Thanks, Rogers! I gave you credit here. Always enjoy your posts.

Thanks, Rogers.

Nice site! | | | | | | | | |

Great work! | | | | | | | | |

Add a Comment

All comments are moderated before publication. These HTML tags are permitted: <p>, <b>, <i>, <a>, and <blockquote>. This site is protected by reCAPTCHA (for which the Google Privacy Policy and Terms of Service apply).