Que perfect *--*
Hello Marcianos,como vão vocês minhas jujubas,meu doces de cocos meus pudins de... ah chega né? *pula* Bom tenho uma surpresa mais antes....
Bom fofletes é o seguinte sabe esse menu novo super divo novo do blog??
Vou ensinar a vocês
Créditos ao:Amizade de Menina
AGORA O TUTORIAL:
Vai em Layout > Adicionar um gadget > HTML/JavaScript e cole esse código:
<div class="menuam">
<a rel="nofollow"><font style=" text-transform: none; font: italic 20px georgia;"><div align="left">Título do seu Blog</div></font></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-child { margin-bottom: 0px; }
.menuam a { padding: 4px 6px; }</style>
O que esta de roxo são as cores onde vc pode editar como preferir
Bom foi isso vcs podem conferir o menu olhando o do nosso blog
Mas se vocês não editarem vai ficar assim:
Bom foi isso!
Beijinhos
Amei o tuto,bem utilitário usarei no meu próximo layout.Seguiindo amei seu blog!
ResponderExcluirpaparazzibysuperstar.blogspot.com
Ok Florzinha!Que bom que vc gostou já estou seguindo o seu também!
ExcluirTem um conteudo ótimo! continue assim
#Bezos
rawr