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

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>

6 Comments

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

  • Image file - 429 bytes

    Code - 362 bytes



    Using CSS will lower that size more.

    &quot;&lt;div class=&quot;x&quot;&gt;XML&lt;/div&gt;&quot; - 24 bytes

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





    &lt;style&gt;



    .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}

    &lt;/style&gt;

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

  • 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…

  • How can i make an RSS .

Comments have been disabled for this content.