Image Map

07/09/2012

Tutorial: Menu com imagem

meow pra você também *-*
 Bom dia minhas artistas 
 Tudo bem com vocês? Espero que sim. Finalmente a inspiração pra tutoriais voltou! Uhu! Mas ainda não vou fazer os dois que me pediram, já que um é no Ps e eu ainda não sei #comofaz, e outro é no Inkscape e eu to com preguiça (desculpa :~)
 Mas hoje trouxe um tutorial bem legal, que eu mesma fiz/faço/farei eternamente. É o menu com imagens mais fácil que existe, sério mesmo! Vamos ver?
 Primeiro você precisa fazer as suas imagens. Pode fazer quantas quiser, eu fiz umas aqui pra usar no exemplo e que também podem ser usadas por vocês, caso queiram:
 Aí vá em Design Layout Adicionar Gadget Texto. Agora hospede as imagens que você vai usar (pode até ser no blogger) ou, caso vá usar essas que eu disponibilizei, clique nelas com o botão direito do mouse e clique em abrir em nova aba.
 Copie as imagens que vai usar e cole-as no gadget. Deve ficar mais ou menos assim:
  Aí é só você "linkar" as imagens, desse jeito:
 Não esqueça de colocar o link ali, ok? Aí é só você arrumar ele onde quiser, podendo usar em qualquer lugar!
Post completo por Piink Cookie. Todos os direitos reservados. Copyright 2012. Plágio é crime. Reblogue e use só com créditos.
 E aí, gostaram? Espero que sim. também espero que usem o tutorial, viu? É o mais fácil que eu já vi até hoje! O resultado é lindo!
 É isso. Beijinhos com glitter :*

45 comentários:

  1. OMG! Adorei o tutorial, super útil e fácil \oo/

    Fica lindo, estou pensando seriamente em usar no próximo layout, *-*

    Neko Girl ~

    ResponderExcluir
  2. ótimo tutorial paula, bem útil!
    beijãao
    world of girls

    ResponderExcluir
  3. *O* adorei o tutorial , muito facil e bem util ! ainda nao conhecia esse , amei . beijos .
    p.s: amei seu blog , seguindo , aceita afiliação ? responde lá no meu blog , beijos .

    little-s-k-y-s-c-r-a-p-e-r . blogspot . com

    ResponderExcluir
    Respostas
    1. Bom que gostou, flor! Aaah, infelizmente não dá, só estamos aceitando afiliação com blogs que tenham mais de 200 seguidores :/
      Mas pode deixar que eu sigo de volta!

      Excluir
  4. OMG! É uma maneira bem fácil mesmo! Antes eu fazia o seguinte: fazia a minha imagem, ia no gadget 'imagem' (:3), e depois colocava o link.. Mas esse jeito que você me/nos ensinou é muuuuuito mais fácil! Thanks, PC! ;)

    ResponderExcluir
    Respostas
    1. Bom que gostou, Juuh! Aaah, esse é melhor pra quando for só uma, né? ^^

      Excluir
  5. LOOOOOOOOOOOOOOOOOOOOOL que que isso hein? tuto maais fácil ever !! *o*
    Nanda,sua stalker fofalinda u.u

    ResponderExcluir
  6. ameii paulinha e bem mais facil né e melhor que fazer mapeamentoo beijooss!!

    ResponderExcluir
  7. Ah, amei! Sempre quis fazer assim. Pensei que tinha sempre que mapear a imagem, mas desse jeito, não tem que fazer isso! Adorei. haha

    Beijos,
    Anna
    garota-queen.blogspot.com

    ResponderExcluir
    Respostas
    1. Bom que gostou, Anna! Super funciona pra qualquer menu, e é bem mais fácil que mapeamento!

      Excluir
  8. paula, valeu ai por ter feito o lay la do blog!
    ficou lindo (:
    muito muito obrigada!
    beijãao

    ResponderExcluir
    Respostas
    1. Que isso Keth, eu amei fazer o seu lay! Acho que foi um dos mais bonitos que já fiz até hoje *-*
      Beijos!

      Excluir
  9. Awn, eu não conhecia esse jeito! :DDD
    Fica tão fofo! E é fácil ^-^

    Até mais! <3

    ResponderExcluir
  10. paula, os bagulho dos comentário estão dando erro . tipo, eu não consigo responder direto sabe? tenho que fazer sempre um novo comentário =/

    ResponderExcluir
    Respostas
    1. Entendi Keth, me coloca como adm de novo que eu arrumo agorinha, ok?

      Excluir
  11. Nossa que fácil. Gostei do tutorial é bem mais fácil de se fazer e fica bem bonito :)

    Beijos,
    http://modicesdemenina.blogspot.com

    ResponderExcluir
  12. Muuito legal o tutorial, amei ;)
    Kiss ♥

    http://fanideisi.blogspot.com.br

    ResponderExcluir
  13. Estou usando usando e também usei as imagens(mas está credita na pagina de otros!
    animesdreamsoficial9.blogspot.com)

    ResponderExcluir
  14. É sem dúvidas o mais fácil Paula, com toda a certeza. Eu fazia mapeado, que na real, dá um trabalhão. Adorei a dica haha.

    Anna || World Cutest

    ResponderExcluir
    Respostas
    1. Super concordo! Prefiro fazer mapeado só se for desses dentro do cabeçalho mesmo ^^
      Bom que gostou, Anna :3

      Excluir
  15. Adorei o tutu, vou usar no meu próximo lay @!!
    Beijos Emilia.

    coffemilia.blogspot.com

    ResponderExcluir
  16. Ameeeeeeei o tutorial. Agora posso fazer meus próprios menus, haha >.<
    Kisses :3
    Garotas Atrevidas ~

    ResponderExcluir
  17. CONSEGUI INTERNET *-----------------*
    Simplesmente ameiiii esse tuto :***
    Beijinhos,

    blogueira-indecisa.-blogspot-.com

    ResponderExcluir
  18. Nunca vi um tutorial tão facil como esse P. C.
    Como sou do tipo de pessoa que é curioso e quer tentar fazer tudo, sempre tentei fazer esse tipo de menu, mas não conseguia pq sempre havia muitos tutoriais bastantes complicados para o meu QI baixo. Rsrssr...
    Gostei bastante do seu blog. E já estou seguindo. Espero sempre aparecer por aqui.

    P. S. = vc poderia ir lá no meu blog para me explicar como faço abas no menu e como coloco as postagens de acordo com a tematica da aba como postagens de filme na aba Filme. Vc poderia me ajudar? Bjs kawaii*-*

    http://peregrinodanoite.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Aaah, que bom! *u*
      Obrigada, viu? Estarei esperando a sua visita :D
      Posso sim, é bem simples!
      Beijos!

      Excluir
  19. Eu estava louca por esse tuto! Lindo blog. Beijos paula! Tô seguindo, faria o favor de seguir o meu? http://princesaaminesia.blogspot.com.br Beijocas!

    ResponderExcluir
    Respostas
    1. Obrigada fofa! Que bom que gostou :D
      Sigo sim, pode deixar :3

      Excluir
  20. O tutorial mais facil que encontrei! Obrigada!

    ResponderExcluir
  21. Amei, mas tipo tem jeito de fazer o menu com uma imagem toda junta? , tipo a do Cherry Bomb, Obrigada!

    ResponderExcluir
  22. Obrigada!!! Já tentei uns 15 blogs diferentes e só o seu deu certo <3
    http://blog.meus15desejos.com.br/

    ResponderExcluir
  23. Menina você é linda fofíssima,parabéns pelo tutorial,foi muito útil e que fácil,poxa,lutei mapeando imagem sem êxito,esse foi fácil demais !!

    ResponderExcluir
  24. Venha ser nossa parceira no blog !!
    http://ovelhinhaskdisblog.blogspot.com.br/

    ResponderExcluir