15 de set. de 2012

Menu deslizante com Imagem

Vou ensinar como fazer esse menu deslizante que eu uso aqui no T+. 
É bem facil e muito bonito! esse estilo, é muito usado em tumblr's, mas eu aprendi a 
fazer sozinho, enquanto brincava de criar menus num arquivo de txt. HAHAHA
Não sabe qual eu estou falando? Veja aqui abaixo


Como disse acima, é um menu muito bonito e facil!

Tutorial 

Vá em Layout >> Adicionar um Gadget 


 Escolha a opção HTML/JavaScript

Cole o código a seguir editando onde deseja e salve
Movimente o Gadget para o fim da sidebar e clique em Salvar Organização.
Pronto!

-----------

Para adicionar mais botões copie a parte:

e cole antes de </style>
se quiser mais, cole outra vez,
substituindo o 3 por 4 e assim em diante.

Depois procure por:
<li class="botão-deslizante2"></li></a>
e após ele, adicione:
<a href="http://www.blogger.com/LINKDAPAGINA">
<li class="botão-deslizante3"></li>
</a>

Espero que tenham gostado!

11 comentários:

  1. Acho bem lindo esse menu :) Muito útil o tuto
    Beijos ♥
    Sim Senhorita (Clique no perfil)

    ResponderExcluir
  2. Nossa que lindo o menu! Vi que você tem aqui no seu blog fica lindo! ^^ Um abraço! Nicolas | Dicas Blogspot ~Visite pelo perfil

    ResponderExcluir
  3. ana b: Eu tbm acho, Obrigado! :)

    nicolas: Obrigado! :P

    ResponderExcluir
  4. Esse menu é perfeito!
    Beijo,

    http://blog-senhorita-liberdade.blogspot.com.br/

    ResponderExcluir
  5. Eu adorei muito seu blog e esse tutorial , vou postar esse tuto no meu blog ok ? Se você não quiser é só comentar lá que eu tiro ok ? Não quero ser plagiadora e acabar com o sonho de uma pessoa rs , beijos

    Beatriz .
    http://inocenciateens2.blogspot.com.br/

    ResponderExcluir
  6. Beαtriz Siqueirα: Pode sim. é só colocar os créditos no final da postagem! BJ

    ResponderExcluir
  7. Gostei muito do tutorial, adoro esses menus fofos e práticos ^^

    Beijinhos~~> Paradise City

    ResponderExcluir
  8. Nossa não consigo add mais botões ...já tentei de várias formas mas não aparece :(

    ResponderExcluir
  9. consegui colocar apenas 2, mais os outros nao estão aparecendo,tentei o diatodo e nada vc pode me ajudar porfavor ?

    ResponderExcluir