Olá gente ! Hoje vou ensinar à vocês como colocar um Menu personalizado no blog.
Instalando:
Vá no seu CSS (Design > Editar HTML) e proucure pela tag ]]></b:skin>, cole o código acima dela e salve.
/*** MENU SIMPLES extras-placefame.tk ***/
.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:150px; /*** 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:#FF99CC; /*** 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;
}
Utilizando:
Adicione o gadget abaixo do cabeçalho (como mostra aqui), e escolha HTML/Javascript e cole o código abaixo fazendo as devidas alterações.
<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>
Para retirar as bordas arredondadas apague as linhas que estão na cor azul.
Creditos:extras-placefame.tk
Adoreeeeeeeeeeeei!
ResponderExcluirSe puder dá uma passadinha no meu e deixa um comentário?
Meu mundo, Meu quarto
Que bom que Gostou...Huum...Já passei seu blog é lindo!!!
ExcluirBjoos
Oi lindona, você poderia seguir de volta o meu blog? Ele é novo, e eu preciso muito de seguidores..Já estou seguindo aqui, amei seu blog :)
ResponderExcluirhttp://territoriolilas.blogspot.com.br/
Sigo siim, que bom que gostou daqui, fico feliz :)
ExcluirBjux
Super legal o menu, e bem fácil de fazer!
ResponderExcluirBeijinhos, Garota Inocente
Sim, é bem legal!!Eu gostei por que dá para mexer nas cores e tals..
ExcluirBjux
amei o tuto ! bom seguindo de novo , e você era afiliada minha ! *------* <3
ResponderExcluir>>http://euamotutoriais.blogspot.com.br/
Obrigada por seguir!!
ExcluirBjoos flor
Muito legal esse tutorial!!
ResponderExcluirGostei! :)
Beijos
Batom De Framboesa
Fica com Deus ♥
Que bom que Gostou!!
ExcluirBjoos Fique com Deus tambm!!!
Adorei o tutorial,gostei do menu :)
ResponderExcluirBeijos
Amora R.
Lindidinho mesmu!!
ExcluirMuito legal o menu!
ResponderExcluirAdorei o novo blog,o template tá lindo!
Seguindo :)
quemprecisadetvparaverbeyonce.blogspot.com.br
Que bom que Gostou!!
ExcluirEu to me dedicando!!
Bjux
Amei o post.Lindo layout.Gatona se puder da uma passadinha no meu blog e se gostar segue?
ResponderExcluirhttp://tudo-demenina.blogspot.com.br/
Que bom que Gostou, passo sim e sigo concerteza...
ExcluirBjinhos
Oi menina! Que triste o que rolou com o seu blog =(... Mas eu já estou seguindo você, e já te atualizei nos afiliados. Toda a força do mundo pra você <3
ResponderExcluircah-at.blogspot.com
Verdade... Que bom que voltou, obrigada pelo apoio!1
ExcluirBjux