Dando estilo ao menu de páginas estáticas

Dê estilo a seu menu das páginas estáticas. Para isso copie o código de sua preferência e cole antes de:  ]]></b:skin>

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Estas dicas se aplicam aos templates feitos até junho de 2010. Para reinstalar o antigo template clique AQUI

Para dar a seu menu essa aparência

Modelo 1

/* Page list----------------------------------------------- */
#PageList1{
background: #DF4E1E url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNoIfld7nbfvI6ywh9rsOb0wXFbWAIFf0S0gSZcizT-mM8h5Qorf-PWnEsPmZIeolmNCbUxHKOSKGRAhhYaj1BTQM2dXqlL2R6T7p3pFBgzSmQHHITLAJIrDnc5WU0-ojqqb64NrCrrWk/s1600/menuq.png) repeat;
border: 2px dashed #63432E;
}
#PageList1 li{
border-right: 2px solid #4F3526;
pading: 10px 6px 10px 6px;
}
#PageList1 li a:hover {
background: #5F3F28;
color: #ffffff;
font-size: 20px;
padding: 20px 8px 20px 8px;
border: 2px dashed #fff;
}

Modelo 2

/* Page list----------------------------------------------- */
#PageList1{
background: #fff;
border: 2px groove #ccc;
}
#PageList1 li{
border-right: 2px solid #ccc;
pading: 10px 6px 10px 6px;
}
#PageList1 li a:hover {
color: #cc0000;
font-size: 20px;
padding: 14px 8px 6px 8px;
border-bottom: 6px solid #cc0000;
}

Claro, são apenas exemplos. Faça o seu como quiser, basta modificar os códigos no local certo e ir experimentando sem medo