06 junho 2011

Menu fofo tutorial + meta atingida !

||
Hooy meus amores  , como prometido hoje eu farei o tutorial do menu daqui do blog ! bom eu procurei muito até achar esse tutorial e não achei , então eu peguei um código pronto de imagens e criei o meu menu ! É super fácil e você faz ele em menos de 5 minutos . Precisaremos de imagens no tamanho 106 x 34 , pode ser maior ou menor , esse é o tamanho do meu menu que cabem 5 itens. você pode deixar a mesma altura e fazer um pouco menor na largura para quem tem mais itens . o meu exemplo 


 Feitas as imagens ? então vamos lá. Vá em Design : elementos da página : adicionar novo gadget : texto . vá em editar HTML e cole o seguinte código. 

<a href="endereço da pagina " none;="" target="_blank" text-decoration:="" title="nome do blog"><img class="borderimage" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="URL da imagem " style="opacity: 0.5;" /></a>&nbsp

Feito isso vamos personalizá-lo . Onde está em vermelho , você coloca o endereço da página  que o menu irá redimerencionar ,  em roxo o nome da pagina e em amarelo o url da imagem que você irá colocar . 
depois de ter personalizado o seu primeiro código você cola no editar html no gadget texto  , personalize ele de novo com o endereço da outra imagem , o endereço da outra pagina e o nome dela , depois de ter feito isso cole juntinho com o outro codigo , tende ficar juntinho mesmo. Faça isso com todas as paginas que você quiser colocar e pronto . 
Fácil não ? qualquer duvida é só perguntar.

------------------------------------------------------------------------------------------

 Queria agradecer muito a todos vocês , em menos de uma semana que eu inaugurei o novo layout do blog eu consegui atingir minha meta de seguidores , muito obrigada a todos , eu retribuo o quanto posso , adoro muito isso aqui ♥ bom , não tenho mais meta de seguidores a cumprir vou deixar que meus queridos leitores decidam isso , até o proximo post >< Her Head is Up in the Clouds

18 comentários:

  1. Amei o post, não sabia fazer esse menu *-*
    Bjs
    charmofpink.blogspot.com

    ResponderExcluir
  2. Amei, acho que vou fazer no meu blog também.

    ResponderExcluir
  3. Oii parabéns por ter atingido sua meta!

    Fiquei super feliz com a entrevista, ficou muito linda *.*
    Desculpa não ter passado aqui antes, mas esse findi tava uma correria!

    Beijão
    http://limao-e-mel.blogspot.com/

    ResponderExcluir
  4. que bom que curtiram *-* estão respondidas no blog !

    ResponderExcluir
  5. Ouwn , que bom que curtiu , eu que agradeço por você fazer a entrevista >< sei como é , *0* respondida no blog.

    ResponderExcluir
  6. Tenta sim é super facil,respondida no blog

    ResponderExcluir
  7. Aah, sempre fui louca por esse menu *-* ele me lembra as divisórias de um fichário, saca? Quando fazemos um layout como se fosse um livro aberto, ele é ótimo nessas horas. Amei o tutorial.
    awnn, e brigada ><
    Você é casada meesmo? :O

    ResponderExcluir
  8. é super ultil mesmo *-* , sim sim amor,sou casada mesmo >< , respondida no blog

    ResponderExcluir
  9. aaaaaaaaah flor, eu amei teu blog, sério *o*' peguei alguns brushes que me serão bem úteis :}

    to seguindo, beijos e fica com Deus :*

    http://www.contos-da-lua.blogspot.com/

    ResponderExcluir
  10. Denada Luh! *-*
    Bjs
    charmofpink.blogspot.com

    ResponderExcluir
  11. Oi luhh... como jah disse acho fofo seu blog, mas naum eh um conteúdo que me chame atenção, apesar de super útil...
    parebens pelo tutorial tenho certeza que quase todo mundo gostou (soh eu q sou chata mesmo), mas naum q naum seja legal, soh naum me atrai
    bjss linda

    ResponderExcluir
  12. aaaaaah que legal,vou tentar fazer pra um novo layout pro AV, Que legal que você alcançou sua meta,mas tbm, com um blog tão bom, impossivel n alcançar né?
    beijinhos*-*

    ResponderExcluir
  13. Aaawn, enfim achei um tutorial simples, e consegui fazer o meu, dá uma olhada lá: http://meudiario-fashion.blogspot.com/

    ResponderExcluir
  14. não consegui fazer mas fico muito o bom o tutorial

    ResponderExcluir
  15. me ajuda ? fiz tudo direitinho mais olha como ficou no meu blog :S
    http://omundoangels.blogspot.com/

    ResponderExcluir
  16. Oii, eu queria saber como você deixou os comentarios assim, gostaria de saer o tutorial, obg!!

    http://pinkrock-official.blogspot.com/

    ResponderExcluir
  17. amei, obrigada!!! c: http://bepositiveblog.blogspot.com

    ResponderExcluir

- Eu respondo todos os comentários do blog, por mais que demore um pouquinho sempre respondo.
- Se você me fez alguma pergunta por comentário eu respondo no próprio post, então é só voltar no post onde perguntou que sua resposta estará lá.
- Adoro receber e-mail de leitoras, com dúvidas, elogios, sugestões e até algum desabafo como muitas fazem, acreditem não é nenhum incômodo <3
- Se quer criticar, critique de modo construtivo.
- Eu adoro quando vocês participam, afinal o blog é feito para vocês <3

Related Posts Plugin for WordPress, Blogger...