Menu com Fundo Colorido

Oiie seus lindos, voltando a maratona de tutos pra vocês, vou fazer um tutorial que é como colocar o menu com fundo colorido que é esse que eu tenho aqui no blog, na parte das categorias.
Pra começar procure (Ctrl + F) por ]]></b:skin> mas para facilitar procure por:

]]>

Acima dessa TAG cole o seguinte código:

#menu-linkie {

width: 160px;

padding: 0;

margin: 0;

font: 14px Century Gothic; /* Fonte do menu */

}

#menu-linkie ul {

list-style: none;

margin: 0;

padding: 0;

}

#menu-linkie li {

border-bottom: 1px solid #FFDAB9; /* Cor e estilo do separador */margin: 0;

}

#menu-linkie li a {

display: block;

padding: 5px 5px 5px 0.5em;

background-color: transparent;

color: #696969; /* Cor da fonte do menu */

text-decoration: none;

}

#menu-linkie li a:hover {

background-color: #FFDAB9; /* Background do menu com o mouse por cima */

color: #000000; /* Cor do texto com o mouse por cima */

}

Personalize do jeito que você preferir.
Vá em layout,  Adicionar um Gadget e HTML Script e cole o seguinte código:

<div id="menu-linkie">

<ul class=menu-linkie;>

<li><a href="URL">Nome do link</a></li>

<li><a href="URL">Nome do link</a></li>

<li><a href="URL">Nome do link</a></li>

<li><a href="URL">Nome do link</a></li>

<li><a href="URL">Nome do link</a></li>

<li><a href="URL">Nome do link</a></li>

</ul></div>

</div>

Então é isso seus lindos...
Beijos <3