How to make that RSS or XML orange box thing without an image

Published Thursday, July 28, 2005 1:14 PM

A lot of blogs have an orange box with RSS or XML written in it for people to subscribe to their syndication feed.

Here is a handy way to create that without using an image.  Imagine if every website did this the total bandwidth that would be saved! Ha.

Samples

XML


RSS

Here is the code:

<A title="Your Feed Name Here" style="BORDER: thin outset; PADDING: 0.02cm; FONT-SIZE: 8pt; BACKGROUND: orange; COLOR: white; FONT-FAMILY: Verdana; TEXT-DECORATION: none" HREF="Your Feed URL Here">XML</A>

by wkriebel
Filed under:

Comments

# patag said on Thursday, July 28, 2005 1:54 PM

Cool tip! Imagine how much more would be saved if you used CSS to do the same thing!

# Dover said on Thursday, July 28, 2005 2:57 PM

Image file - 429 bytes
Code - 362 bytes

Using CSS will lower that size more.
"<div class="x">XML</div>" - 24 bytes

# Westin said on Thursday, July 28, 2005 2:59 PM

You are correct. However the style codes are the same.


<style>

.x {BORDER-RIGHT: thin outset; PADDING-RIGHT: 0.02cm; BORDER-TOP: thin outset; PADDING-LEFT: 0.02cm; FONT-SIZE: 8pt; BACKGROUND: orange; PADDING-BOTTOM: 0.02cm; BORDER-LEFT: thin outset; COLOR: white; PADDING-TOP: 0.02cm; BORDER-BOTTOM: thin outset; FONT-FAMILY: Verdana; TEXT-DECORATION: none}
</style>

# Chris Martin said on Thursday, July 28, 2005 4:41 PM

But if you put the style into a .css file it will be cached on the client. Hence; even further bandwidth savings.

# Jerry Pisk said on Thursday, July 28, 2005 6:54 PM

Roflmao, it is CSS even when it's inlined. And if you put it in a separate style sheet file( what's called CSS here) it may not save anything since most browsers will send an extra HEAD request with an If-Modified and/or ETag headers to check if their cache is still up to date which is going to waste much more (both bandwidth and resource wise) than a 300 or so bytes inline style. Now if you had a large number of these on your site…

# Feed Search Engine - All Fresh Articles And News Are Here said on Sunday, November 25, 2007 1:21 PM

Pingback from  Feed Search Engine - All Fresh Articles And News Are Here

# sohidur said on Wednesday, February 06, 2008 11:27 PM

How can i make an RSS .

Leave a Comment

(required) 
(required) 
(optional)
(required)