Putting a big button on your sidebar

If you like the 'Knights Errant FAQ' button on my sidebar, here's how you can have such a button on your sidebar (with whatever text and link you want in the button, of course). My wife made the code. This is only for those who have html-editable pages. I don't know if it will work in the new version of blogger with the widgets etc...

In the html customization page, the place you add links and stuff to your sidebar, you'll find a place where it says:
/* Profile

Above that, cut and paste put the following:

/*Julia's code--------------------------*/
#navcontainer { width: 200px; }
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #222;
border: 2px solid #3A3A3A;
}

#navcontainer a:link, #navlist a:visited
{
color: #ccc;
text-decoration: none;
text-align: center;
font-weight: bold;
}

#navcontainer a:hover
{
background-color: #1B4B95;
color: #fff;
}

Note it isn't really that important that you put it exactly there, but just somewhere above where the content starts, and as long as it doesn't interrupt other bits of code. You can change the various color settings using the color codes here.

Once you have done that, place the following code wherever you want the button to appear:

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="URL HERE" id="current">TEXT HERE</a></li>
</ul>
</div>

Of course adding in your desired URL and text, but keeping all the quotation marks as is.

Please let me know if it works...And thanks Julia! HT to DK-Transform who asked me how this was done.