Menu Simples - Horizontal

Bom gente eu poderia postar esse tutorial amanhã, mais uma leitora minha me pediu e sabe como eu sou? o quanto antes melhor né? então o tutorial é fácil basta prestar atenção, clique em leia mais para ver o tutorial.
São dois modelos desse menu que eu vou postar o primeiro é esse do meu..

Vá no seu (Design > Editar HTML) e proucure pela tag ]]></b:skin>, cole o código acima dela e salve.

/*** Menu simples blog-garotadescolada.blogspot.com ***/
.menusimples {
background-color:#f8f8f8; /*** cor do fundo ***/
float:left;
text-shadow: 1px 1px 0 #E4E4E4; /*** cor da sombra da letra ***/
color:#707070; /*** cor da fonte ***/
font-variant:small-caps;
width:100px; /*** largura da aba ***/
font-size: 10pt; /*** tamanho da fonte ***/
text-align: center;
margin: 3px;
line-height:25px;
margin-bottom: 1px;
-khtml-opacity: .70;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.menusimples:hover {
background-color:#FFD7EB; /*** cor do fundo ***/
float:left;
color: #fff; /*** cor da fonte ***/
text-shadow: 1px 1px 0 #acacac; /*** cor da sombra da letra ***/
-khtml-opacity: .70;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

adc um Gadget (HTML/Javascript) encima da área das postagens, ou embaixo do cabeçalho. e cole o código fazendo as devidas alterações que se pede abaixo:

<div class="menusimples"><a href="LINK_AQUI">TÍTULO_DA_PÁGINA</a></div>
<div class="menusimples"><a href="LINK_AQUI">TÍTULO_DA_PÁGINA</a></div>
<div class="menusimples"><a href="LINK_AQUI">TÍTULO_DA_PÁGINA</a></div>
<div class="menusimples"><a href="LINK_AQUI">TÍTULO_DA_PÁGINA</a></div>
<div class="menusimples"><a href="LINK_AQUI">TÍTULO_DA_PÁGINA</a></div>

caso não queira as bordas arredondadas tire as  linhas que estão destacadas em azul.

se você quiser esse menu: 

acrescente esse código e salve antes da tag  ]]></b:skin> e salve.

/*---Menu simples blog-garotadescolada.blogspot.com ---*/
bdg {
font-family: tahoma; /* Fonte do Menu */width: 17%; /* Tamanho do Menu */float: left;
background: #8C99F0; /* Cor do fundo do Menu */padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 9px 0px 9px 0px; /* Pontas da Borda */
-webkit-transition-duration: .80s; /* Duração do Efeito */
font-size: 08pt; /* Tamanho da fonte */
color: #fff; /* Cor da fonte */}
 bdg:hover {
font-family: tahoma; /* Fonte do Menu quando passa o mouse */width: 17%; /* Tamanho do Menu quando passa o mouse */float: left;
background: #88BBF4; /* Cor do fundo do Menu quando passa o mouse */padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 0px 9px 0px 9px; /* Pontinhas da Borda */
-webkit-transition-duration: .80s; /* Duração do Efeito */
font-size: 08pt; /* Tamanho da fonte do Menu quando passa o mouse */color: #fff; /* Cor da fonte do Menu quando passa o mouse */}

adc um Gadget (HTML/Javascript) encima da área das postagens, ou embaixo do cabeçalho. e cole o código fazendo as devidas alterações que se pede abaixo:

<a href="Url do Link"><bdg>Nome do link</bdg></a>
<a href="Url do Link"><bdg>Nome do link</bdg></a>
<a href="Url do Link"><bdg>Nome do link</bdg></a>
<a href="Url do Link"><bdg>Nome do link</bdg></a>
<a href="Url do Link"><bdg>Nome do link</bdg></a>

se gostarem e utilizarem comentem aqui beijos. *-*