30 março 2012

Menu com imagem mapeada no próprio blog


Oi, meus docinhos, tudo bom?
E depois de muito tempo sem postar um tutorial, eu resolvi vir mostrar a você a como por um menu de imagem mapeada no próprio blog :) É isso mesmo, é bem fácil de fazer, e fica tipo esse que estou usando aqui no Magic.
 Então vamos oa tutorial?!


                                 Faça suas imagens para o menu,depois de todas prontas, vá nas postagem de seu blog e coloque todas elas lá. Com depois selecione a imagem  e de Ctrl + C:


Depois, abra seu blog em uma outra aba do seu navegador, vá em Design> Elementos da Página> E adicione um Gadget HTML/JavaScript. Depois lá naquele  espaço em branco, dê Ctrl+v e sua imagem será colada nesse local. Depois selecione ela de novo, e clique onde está pedindo na imagem, então abrirá um janelinha e então coloque o link do seu blog nela.  


Depois de fazer isso com todas suas imagens,salve e arraste o gadget com o menu para cima da área de post como é mostrado na imagem: 


Agora clique em ''Leia mais'' e confira algumas imagens já prontas para você fazer o seu menu.
                                                               
   Podem usar essas imagem a vontade, porém quando usarem deixe os créditos, e comente nesse post dizendo que usou as imagens.

                                                                             Opção 1:



                                                                          Opção 2:
Opção 3:








 Então é isso aí meus queridos, espero que tenham gostado. Há, quero lembrar que faz um tempo que vi um tutorial semelhante a esse ok,porém o tutorial do Menina de Deus é um vídeo tutorial e é um pouco diferente, mais o resultado é mais ou menos esse! 

                                                               Bjs

6 comentários:

Tiemi disse...

Legal o tuto! É bem mais fácil assim ^-^

http://tiemitian.blogspot.com

Mariana Baptista disse...

Você não tem noção do quanto eu estou feliz por ter achado esse tutorial, juro! Tava procurando faz muito tempo, porque preciso muito de um menu assim no meu blog.

Beijo
http://semquerermeintrometer.blogspot.com/

Blog 101 disse...

nossa otimo tuto nao sabia que era assim que se fazia!!
bjus
Dea
http://blog101.com.br

Wanessa Guimarães disse...

Olá,
Parabéns pelo blog! Estou seguindo.
Segue lá também..

http://www.estanteseletiva.com/

Plum disse...

Que legal o tutorial minha flor, nota 10 o seu blog viu? Beijão!

Tamiris Pereira disse...

Eu adorei seu blog.
Quer entrar para a equipe do blog Sobre Tudo Um pouco?
Visita o blog para saber mais informação.
http://subretudoumpouco.blogspot.com.br/