Tuto(Menu passe o mause)

           Tumblr_ltgy7rqvfo1qiltqro1_500_large
Bom,hoje trouxe um tuto pouco conhecido nesse nosso mundinho da blogosfera,é o menu passe o mause,super lindo..minha opnião,hehe' Sem enrolação,vamos ao tuto:

Como ele fica:...

1-Vá no seu html e procure por ]]></b:skin>
Vamos terminar de ver?

Créditos:Sweet Poison

2-Quando você encontrar essa tag,cole antes dela o seguinte códico
 . Menuam {width: 185px; padding: 13px; height: 100%; border-right: 8px solid # cbd6df; background: # efefef; color: #; top: 0; margin: 0; position: fixed; esquerda: 200px- ; height: 100%;-webkit-transição: todos os 0,3 s facilidade fora;-moz-transição: todos os 0,3 s facilidade fora;-o-transição: todos os 0,3 s facilidade fora; transição: todos os 0,3 s facilidade-out ; overflow: hidden; cursor: default; font-weight: normal; z-index: 12345;} . Menuam: hover {left: 0;-webkit-transição: todos os 0,3 s facilidade fora;-moz-transição: todos os 0,3 s facilidade fora;-o-transição: todos os 0,3 s facilidade fora; transição: todos os 0,3 s facilidade para fora;}
. Menuam a {border: none; background: # 6881AB; color: # fff; padding: 5px; display: block; width: 100%; text-transform: uppercase;-webkit-transição: todos os 0,1 s facilidade fora; - moz-transição: todos os 0,1 s facilidade fora;-o-transição: todos os 0,1 s facilidade fora; transição: todos os 0,1 s facilidade fora; font-size: 7pt; margin: 5px-10px; text-shadow: 0 1px # 1px;}
. Menuam a: hover {background: # 919191;-webkit-transição: todos os 0,1 s facilidade fora;-moz-transição: todos os 0,1 s facilidade fora;-o-transição: todos os 0,1 s facilidade fora; transição: todos 0,1 s facilidade fora; padding-left: 20px;}
. Menuam a: first-child. {Margin-top: 10px;} menuam a: last-child {margin-bottom: 0px;}
. Menuam a {padding: 4px 6px;}
Depois  procure por <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>       


E cole  esse códico acima dessa tag:



<div class="menuam">
<a rel="nofollow"><font style=" text-transform: none; font: italic 20px georgia;"><div align="left">Título do Blog</div></font></a>
<a href="/">volte ao início</a>
<a  href="URL DA PÁGINA" onClick="changeNavigation('profile');">sobre mim</a>
<a  href="URL DA PÁGINA" onClick="changeNavigation('ask');">pergunte-me</a>
<a href="URL DA PÁGINA" onClick="changeNavigation('extras');">extras</a>
<a href="/random">random</a>                   
</div>
Edite conforme você deseja,e pronto...beiijos



6 comentários:

Tais disse...

adorei o tuto'
bjoos

mundoodasblogueiras.blogspot.com.br

Aryana disse...

que tutu perfeito bjsss
seguindoo
vc já conhece meu cantinho?
http://diversidades-deumaadolescente.blogspot.com.br/

Fefe-Crystal Bow disse...

Acho lindo!
Flor,na momento,não temos vagas para postadora :/
Crystalbow.blogspot.com

Lara Oliveira-CDP disse...

ótimoo tuto,muita gente procura!
bjs ♥
Casa do Photoscape//OFICIAL
Fabulosa-Makeup

..♥Jhenny♥.. disse...

Gostei bastante daqui , já seguir.
Adoraria uma visita sua lá no meu
blog.

http://mybarbiefashiongirl.blogspot.com.br/

Beijos , Jhenny !

..♥Jhenny♥.. disse...

Você aquer afiliação ?
Acc com blogs acima de
100 seguidores mais como você
tem 95 perto de 100 se quiser posso
fazer com você . Me coloca , assim
que colocar avisa fazendo favor ..