Bom primeiro vá em Design > Editar Html , pressione as teclas Ctrl + F e procure por :
}]]></b:skin>
ou por
]]></b:skin>
ou por
]]></b:skin>
Quando o encontrar logo ACIMA dessa tag , cole o código abaixo :
/* Cute Menu
----------------------------------------------- */
#menuextra {
display : block;
font-size: 11px;
font-family: Tahoma;
letter-spacing : 0;
border-bottom : 1px dashed #CDB7B5;
background-repeat : no-repeat;
text-indent : 5px;
vertical-align : middle;
text-decoration : none;
line-height : 15px;
margin-bottom : 1px;
background : url('URL DO MINE GIF 1') no-repeat left;
padding-left : 10px;
}
#menuextra:hover {
display : block;
text-decoration : none;
vertical-align : middle;
line-height : 15px;
border-bottom : 1px dashed #FF69B4;
background : url('URL DO MINE GIF 2') no-repeat left;
padding-left : 10px;
}
Personalização1
Depois de colar o código , vem a parte de deixar o menu de acordo com sua preferência.
•Onde tem URL DO GIF 1 coloque a url do mine gif que que irá aparecer quando o mouse não estiver no link .
•Onde tem URL DO MINE GIF 2 você coloca a url do mine gif que irá aparecer quando o mouse passar por cima do link.
(Procure colocar mine gifs pequenos e não grandes )
Exemplos:
Personalização 2
•Onde tem o código : #CDB7B5
é a cor da barrinha pontilhada que sublinha o link quando o mouse não está no link.
•Onde tem o código : #FF69B4
é a cor da barrinha que sublinha o link quando o mouse passa por cima.
quando terminar , salve o modelo.
quando terminar , salve o modelo.
Ok,terminamos a primeira parte ,agora vamos fazer com que o estilo seja adicionado nos links.
onde você quer que apareçam os link com esse estilo ,seja em um gadget ou postagem você vai em editar html e cola o seguinte código:
<div id="menuextra"><a href="Link ">Nome do link</a>
</div>
<div id="menuextra"><a href="Link">Nome do link</a></div>
se for em uma postagem ou página , você coloca o código e volta para a opção escrever pois facilita
Daí você verá apenas os links , que terão o nome '' Nome do link '' daí é só você clicar em cima,ir na opção alterar , e alterar o nome e o link e salvar , veja :
Depois é só ir adicionando mais códigos do link e nome do link para mais links existentes na página.
Agora se você for colocar o código em um gadget , prefira colocar os links e nome através do código em html pois nos gadgets que eu lembre não tem a opção alterar.
Caso um dia queira tirar é só retirar apenas o código que foi colocado no html
Caso um dia queira tirar é só retirar apenas o código que foi colocado no html
Então é isso , muito fácil e que deixará seu blog com um aspecto bem mais organizado , ah! e antes que alguém pergunte eu não sei ainda como colocar os links desse menu em duas colunas , como o do Coisinhal Mil , se um dia souber com certeza posto aqui.
Espero que tenham gostado
Nenhum comentário:
Postar um comentário