Tuto - Menu Agenda

Candy Cherry

Hey Sweeties!Hoje a pedido de nossa leitora Vii,iremos fazer o Tutorial de Menu Agenda!

Este menu é muito útil para quem quer mostrar aos seguidores os posts que o blog terá brevemente

Para quem não sabe que menu é esse aqui um preview(desculpe a má qualidade da foto)

Esse tutorial vale super a pena!

Vá em Modelo >> Editar HTML >> Ctrl+f e procure:

]]>

 E cole acima dele este código abaixo:

.agenda {
background: #F4F4F4  url(http://static.tumblr.com/koam7dd/nvcn41wnf/marca3.gif) no-repeat left;
border: 1px solid #D7CEDD;
margin-bottom: 2px;
padding: 5px 5px 6px 35px;
font-family: silkscreen;
font-size: 8px;
color: #B6A7BF;
text-align: left;
text-transform: lowercase;
text-shadow: 1px 1px 0px #fff;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
}
.agenda:hover {
font-family: silkscreen; font-size: 8px;
color: #D9D1DF;
text-align: left;
text-transform: lowercase;
text-shadow: 1px 1px 0px #fff;
padding: 5px 5px 6px 50px;
background:  #F4F2F9 url(http://static.tumblr.com/koam7dd/uCOn41woq/seta13.gif) no-repeat left;
}

Depois abra um novo gadget java script/html e cole o seguinte código:

?/? - Breve

?/? - Breve

?/? - Breve

E é só salvar,prontinho!
Creditos: G N M H

Espero que tenham gostado!Eu me compliquei legal na hora de fazer o post,então se você gostou,está usando ou irá usar,comente aqui em baixo!
Amanhã eu irei voltar para amolar vocês com GOODIES de todos os tipos!