Avisos do Blog + Tutorial (Como Mapear Uma Imagem)

Tumblr_mggw9hqgnt1s2tglco1_500_large
Avisos:
1. Wishlist 2013 atualizada. Confiram :) pleeeeeeeeeeeeeeease!
2. Ainda estou recrutando postadores. Vagas limitadas, corram. Para saber mais, clique aqui. Estou implorando, inscrevam-se! T_T
3. Hoje é o meu último dia de férias (buáááááááá Ç_Ç) a partir de agora, o número de posts irá diminuir drasticamente >>>> culpem meus professores (rsrsrs, brinks) <<<< mas, acho que, com os novos postadores, o blog não ficará tão desatualizado. E, por favor, por favor, se você gosta do blog e desejaria contribuir aqui, inscreva-se como postador! Estou pedindo! ~.~ Quer que eu ajoelhe? *ajoelha* Pronto! Agora, inscreva-se!
Tutorial: Como mapear uma imagem
Há um tempo, me pediram no post 'Tutorial: Como colocar imagem no cabeçalho' para fazer uma postagem de como colocar as páginas junto com a imagem do cabeçalho, ou seja, como 'mapear' uma imagem. Bem, vamos aos passos (créditos totais do tutorial: Cherry Bomb ~apenas as imagens foram editadas por mim~). Continue lendo>

1. Primeiro você precisa deletar seu cabeçalho (não esqueça de primeiro salvar uma cópia, caso se arrependa). Para isso, faça o seguinte: 
Vá no html do blogger e aperte Ctrl+F e procure por Header1
Você achará algo parecido com isto:
<b:widget id='Header1' locked='true' title='NOME DO SEU BLOG (Cabeçalho)' type='Header'/>
Apague essa parte e salve. Perceba que seu cabeçalho vai sumir.
2. Depois, você deve salvar a sua imagem na internet. Para isso, crie uma conta no Imageshak ou outro site de sua preferência e hospede a imagem. Copie o link (no Imageshak é o 'link direto').
3. Para o mapeamento da imagem, é necessário ir ao seguinte site: http://www.image-maps.com/ Depois, cole o código (url ou link, como preferir) da imagem em 'From a Url', como mostra o print:

Depois da imagem carregar, vai aparecer uma outra tela, parecida com esta:

A seguir, clique em no botão 'Rectangle' na lateral direita e faça um retângulo em volta da área aonde você quer colocar o link, assim como mostra a imagem abaixo.
Na parte onde estiver escrito 'Link for this map' é onde você deve colocar o url da página que corresponde. E lembre-se de NÃO preencher a segunda lacuna 'Title/Alt for this map'.
Depois, clique em 'Save'. 
Vá fazendo isso até terminar de colocar os links. Quando finalizar, clique em 'Get Your Code' e depois clique na guia 'HTML code'.
Selecione o código até </map> e copie.
*Clique na imagem para aumentar*

4. Vá para Blogger > Designer e adicione um gadget de 'Html/Javascript', cole o código e adicione ao final a tag </div> para fechar o código.


image
*Esta imagem pertence ao Cherry Bomb*

5. Salve o gadget e arraste ele para o topo do blog.
6. Clique em salvar no topo do blog.
7. Está pronto!
Lembrem-se que: este tutorial pertence ao Cherry Bomb.
Beijos! Na.

Comentários

  1. Bom, espero que você tenha um bom começo de aula:) Ah, eu não vou me inscrever porque eu não tenho tempo/inpiração direito nem pro MS... Mas espero que você consiga logo! E assim que eu postar o comentário vou ver a Wishlist♥
    Desculpa não poder te ajudar, mesmo...
    E bem legal o tutorial C=
    Beijos,
    http://menina-do-sol.blogspot.com.br/

    ResponderExcluir
  2. Adorei, vou tentar fazer no meu blog.
    Ah,já fiz a minha inscrição.
    Beijos com gloss
    Rabiscos no Papel

    ResponderExcluir
  3. aah, Na, só não me inscrevo porque minhas aulas também voltaram e eu acabei de criar outro blog :c
    O tuto é bem fácil ><

    www.blogmagiateen.net
    www.pandasemparis.blogspot.com {novo blog}

    ResponderExcluir
  4. mapear um menu no cabeçalho é bem simples, porém pouca gente sabe. Muito bom o tutorial. bezzo, sarah
    http://svt-pistache.blogspot.com.br/

    ResponderExcluir

Postar um comentário

Leia antes de escrever algo:
★ Muito obrigada por comentar ^.^
★ Por favor, seja educado. Nada de xingamentos.
★ Críticas são sempre bem-vindas, desde que construtivas.
★ Aceitamos tags e selinhos que nos interessarem.
★ Deixe o link de se blog! Retribuiremos a visita e o comentário na medida do possível.

Postagens mais visitadas