How did you do that?

Mandarin Example

Here's how we do it in the Mandarin Blog. It's still easy, just a few more lines of code. We contain the script in a bordered table that we center. We added cellpadding="5" that acts like margins so that the text doesn't align against the edge of the border.

Copy and paste (or type) this code in your Blog or Web page where you want the referrer list to appear.

Things you can change

• Width is 245 pixels
• Background color on the bar is hexidecimal color #CCCCCC (gray)
• Border is black
• The word BLOGS! is hexidecimal color #99cc33 (green)

A full selection of hexidecimal and named colors is in the color chart

Where to put the code?

Most sites put JavaScript code like this at the end of the page right before the end </body> so that it loads last. We display it higher so that it can be easily viewed.