http://www.neopets.com/guilds/guild.phtml?id=2428134
see those little purple bars with text in the as heading is the blog? how do i do that?

They use a header tag with CSS attributes to give it color, size, et cetera.

<h2>text</h2>
Is the actual code. In the CSS style sheet it would something like:

h2 {background-color:#color; font-size:numberpx; color:#color;}

Hope that helps.