Tutorial.

Como havia dito,trago um tutorial ensinando a vocês esse menu do blog.Não sei exatamente o nome dele,mas eu o chamo de Menu Houver ,porque ele é de uma cor,mas quando se passa o Mouse por cima ele mostra outra cor que antes estava em "Houver".

Vá em Modelo > Editar HTML > Aperte CTRL+F do seu teclado e procure por ]]></b:skin>, acima dele cole:

bxsg {
background: #COR DO FUNDO;
width: 20%;
text-align: center;
font-size: 8px;
font-family: FONTE DA SUA LETRA;
color: #COR DA LETRA;
letter-spacing:1px;
padding: 4px;
margin: 2px;
float: left;
-webkit-transition-duration: .90s;
}
bxsg:hover {
background:#COR DO FUNDO EM HOVER;
width: 20%;
text-align: center;
font-size: 8px;
font-family: FONTE DA SUA LETRA;
color: #COR DA LETRA EM HOVER;
letter-spacing:1px;
padding: 4px;
margin: 2px;
float: left;
-moz-border-radius: 10px 10px / 10px 10px;
border-radius: 10px 10px / 10px 10px;
-webkit-transition-duration: .90s;
}

Faça as modificações destacadas em vermelho usando a tabela de cores (X).

Salve!

Agora vá em Design>Layout>Adicionar um Gadget>HTML/JavaScript >E cole o código abaixo fazendo as devidas modificações destacadas em vermelho.

                                                              <a href="LINKAQUI"><bxsg>TITULO</bxsg></a>

                                                                                        
                                                                                  Espero que tenham gostado  #Abraços
                                                          

                                                                                   creditos de código>>>>SG