♥Cherry Love♥

Oiie Gente! Hoje eu estava vendo alguns blogs e encontrei algo muito interessante. Talvez vcs já devem ter visto em algum site ou blog mas nunca soube como colocar em seu próprio blog, não é? "~~Mas do que vc tá falando Laurahh?~~". Sabe aquelas barrinhas que ficam nas partes ao lado dos blog que quando vc passa o mouse ele abre e vc vê que é o Menu do blog? É isso que eu vou ensinar hoje para vcs e o melhor é que é bem fácil e rápido!

1- Vá em Layout>> Adicionar um Gadget>> HTML/JavaScript>> E cole o seguinte código:

<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;">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 #FF3E96; background: #FFC0CB; color: #; 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: #FFFAFA; color:#FF69B4; 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: #919191; -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>

2- Onde estiver escrito "URL DA PÁGINA", cole o endereço da página desejado e ao lado onde está escrito "NOME DA PÁGINA", coloque o nome da página do endereço que vc pôs ao lado.

3- Salve e Pronto!

AQUI VAI UM EXEMPLO: