13 de out de 2012

Novo: Menu "passe o mouse" e Tutorial


É aquele menu que ao passar o mouse em um dos cantos do blog, aparece um menu.
Existem dois métodos bem fáceis de se colocar um desses no seu blog!
Devo creditar os blogs:




1º Método:

Vá no Layout do seu blog, clique em adicionar um gadget HTML/JavaScript, ai você coloca esse código:

</a><a href="/">Volte ao Início</a><a href="Url da Página" onclick="changeNavigation;">Nome da Página</a><a href="Url da Página" onclick="changeNavigation;">Nome da Página< </a><a href="Url da Página" onclick="changeNavigation;">Nome da Página< </a></div><style>.menuam { width: 185px; padding: 13px; height: 100%; border-right: 8px solid #000;background: #fff; color: #000; top: 0; margin: 0; position: fixed; left: -200px; height: 100%; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; overflow: hidden; cursor: default; font-weight: normal; z-index: 12345; }.menuam:hover { left: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }.menuam a { border: none; background: #000; color:#b5b5b5; padding: 5px; display: block; width: 100%; text-transform: uppercase; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; font-size: 7pt; margin: 5px -10px; text-shadow: 0 1px 1px #; }.menuam a:hover { background: #000; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; padding-left: 20px; }.menuam a:first-child { margin-top: 10px; } .menuam a:last-ch

Ai é só organizar, onde está background #000 é a cor de fundo, e color #b5b5b5 é a cor da letra. Visualize, caso apareça, salve.

Caso esse método não dê certo, existe outro, mas que daí você vai ter que mexer no HTML de seu blog.

2º Método:


Abra seu blog e clique em Editar HTML, quando abrir dê CTRL+F e procure por: ]]></b:skin>
Quando você achar, cole esse código:
ACIMA!
Mas ainda não acabou, então não salve!
Dê novamente CTRL+F e procure por: <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> 
Quando localizar, cole esse código:
ACIMA dele.
Ai, acabou, visualize e salve

P.S: Se você quiser tirar o Random, vá no 2º CÓDIGO, e remova:

<a href="/random">random</a>

.............................................................................................................
Espero ter ajudado vocês, gostei bastante do resultado final

Nenhum comentário:

Postar um comentário

Não saia sem comentar!
Comentando vocês nos incentiva a continuar postando e podemos saber de sua opinião quanto ao post e/ou o blog!

OBS: Por favor. Vamos manter a postura.
Sem xingamentos com palavras de baixo calão