quinta-feira, 4 de agosto de 2011

0
Bom primeiro vá em Design > Editar Html , pressione as teclas Ctrl + F e procure 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.


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

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
beijinhos


Nenhum comentário:

Postar um comentário

beijinhos