Eu não abandonei vocês + Mapei uma imagem


Meninas, obrigada! Conquistamos nossa meta de 100 Seguidores *-* 

Faz dez dias que eu não posto e sim, há explicação. Eu estava sem criatividade pra fazer uma postagem decente pra vocês, mas hoje eu tive uma #grandemegaultra ideia que é ensinar á vocês como mapear o cabeçalho & deixa-lo com links que até então eu tinha dúvida -qq

Eu aprendi com a Francelle do My Memories, mas as imagens colocadas aqui são minhas. Vamos lá, primeiro abra este site aqui Image Maps , nele iremos mapear a sua imagem.

Abra seu cabeçalho através do From your PC, depois clique em Start Mapping Your Image. Será direcionado á outra página, onde você deverá clicar aqui: 

A página do mapeamento será esta aqui, onde você deverá clicar em Rectangle (o regutagulo deverá ser colocado em cima do nome que você quer deixar como link)


Onde há 'link for this map' você digita o endereço da página que será clicado. Na parte 'Title/Alt for this map' você deixa em branco (opcional). Quando sua imagem estiver mapeada, ela ficará mais ou menos assim:


Clique então em , você deverá pegar o código da imagem clicando depois em 'HTML Code' como mostra a imagem:

Agora vamos colocar o cabeçalho no blog -que é outro tuto-

Em 'editar HTML', 'clique em expandir modelos de Widgtes' & dê F3. Na caixinha de busca, procure por <b:widget id='Header1' locked='true'   subistitue o locked='true' por 'locked-false' assim deixaremos o blog sem cabeçalho. Em modelos de página apague o layout do blog, deixando vazio!

Agora, é só copiar o código da sua imagem e colocar abaixo da tag <header> . Visualize & Prontinho, você já tem sua imagem mapeada *-*

P.S: Se você quiser excluir este cabeçalho mapeado, terá que tirar código da tag <header>, se não o cabeçalho permanecerá no lugar.

Eu acho que ajudei muito gente com este tuto, porque há várias maneiras de mapear uma imagem o único problema é que os blogs não ensinam bem explicado! Kisses de morango :s

22 comentários:

  1. Oiie tudo bem?
    olha adorei seu blog parabéns
    seguindo aqui já ok beijão
    wwwstartyley.blogspot.com

    ResponderExcluir
  2. legal...
    segue e visita meu blog?
    http://allaboutswag-blog.blogspot.com/

    ResponderExcluir
  3. bem util
    oie flor,gostaria de entrar no concurso???
    www.lelly-imaginary-world.blogspot.com

    ResponderExcluir
  4. ooi flor, parabéns pela a meta de 100 seguidores to na mesma meta 'k. Estou seguindo moça.
    aceita parceria?

    beijos, Paloma.
    http://espelhomeu-espelho.blogspot.com

    ResponderExcluir
  5. Oi linda,
    parabéns pelo 100 e não demora mais 100 e assim vai rs
    adoro aprender coisas novas
    te convido a conhecer meu blog e se gostar segue
    adoraria ter vc lá

    ResponderExcluir
  6. esqueci o link rsrs
    http://mundorohsa.blogspot.com/

    ResponderExcluir
  7. Amei o tuto, já estou seguindo, amei o blog, Bjokas XOXO Bye !

    http://sweetdreamsoficial.blogspot.com/

    ResponderExcluir
  8. Já viu a promoção que ta rolando solta no blog O Leitor?
    Ainda não?
    Então corre, que até o dia 05 de Fevereiro você ainda pode concorrer a um dos 6 livros que estão sendo sorteados.
    Beijos e espero você lá,

    Pamela.

    ResponderExcluir
  9. oi linda, obrigado por comentar e seguiur o meu blog, já estou retribuindo ><
    http://1mundoteen.blogspot.com

    ResponderExcluir
  10. muito util, adorei!
    http://ahasagata.blogspot.com/

    ResponderExcluir
  11. Omg, tava precisando *u* Obrigaada .
    E parabéns pela meta !


    http://www.kawaii-world.net/

    ResponderExcluir
  12. Pior que ajudou mesmo viu, manola ;)
    Eu estava precisando desse tuto fazia um tempo, vi em outros blogs mas não entendi lhufas HUAHEUEHAUEHAU

    Comassim, nos chamamos Carol Oliveira e gostamos de Harry Potter?
    Destino HAUHEUAEHUEUEA q

    Já to te seguindo aqui, e parabéns pelos 100 seguidores.
    Aliás, cheguei aos 100 essa semana também! fuck yeah \o/

    muggle-world.blogspot.com

    ResponderExcluir
  13. Flor, eu já respondi o e-mail faz um tempinho, mas como não sei se recebeu, respondo novamente aqui.
    Fiquei muito feliz por vc ter se interessado em postar, as eu não tenho vagas, posto sozinha. Obg mesmo assim. Bjs
    http://diario-piink.blogspot.com/

    ResponderExcluir
  14. Adorei o tutorial pelo visto vai ajudar
    muita gente, adoro esses tutos :*
    Amei aqui, e sempre vou fazer minha visitinha'
    http://wwwgertiegirlcom.blogspot.com/

    ResponderExcluir
  15. Gostei do tutorial e estou seguindo seu cantinho,ficaria muito grata se você me seguisse de volta..bjs
    http://simonebastos2007.blogspot.com/

    ResponderExcluir
  16. Gostei do tutorial e parabéns pela meta! Que venha mais sucesso para você.
    Http://PinkPimenta.blogspot.com
    Visita?

    ResponderExcluir
  17. Gostei daqui :DD

    ResponderExcluir
  18. adoreiii!!!!!!!!!!!!! as postagens são muito criativas, úteis e legais!

    ResponderExcluir
  19. ótimo tutorial ! e parabens pela meta !

    ja to seguindo, segue de volta se pudeer !

    tem post novo, comenta!

    http://garotoonerd.blogspot.com

    ResponderExcluir
  20. Amei o blog. Seguindo, segue o meu de volta? http://hannah-g3.blogspot.com/

    ResponderExcluir
  21. Uso esse site há muito tempo, só que as veses ele dá problema e a imagem mapeada desapareçe! Estou procurando um site novo!
    happy-charllote.tk

    ResponderExcluir
  22. OIeee,ensina pra gente como faz essa área de créditos do teu rodapé que tem os créditos do blog e teu com o background branco, achei tão fofooO!
    XeroooO!

    ResponderExcluir

Muito obrigada por expressar a sua opinião! ;)
O Chez Anna é um blog totalmente averso à comentários ofensivos e preconceituosos. Não se esqueça das boas maneiras que a mamaim ensinou, tá? Educação gera educação! Vem espalhar amor com a gente! < 3

{more: fan page | twitter | tumblr}

Postagens populares