Trouxe para vocês um tutorial 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:
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*
*Esta imagem pertence ao Cherry Bomb*
6. Clique em salvar no topo do blog.
7. Está pronto!
Lembrem-se que: este tutorial pertence ao Cherry Bomb.
É isso (~.~)
Kissus, Na (*3*)
Eu sempre sigo esse tutorial pra fazer meus menus ;-)
ResponderExcluirSeguindo, segue de volta?
the-paradiise.blogspot.com.br/
É, ele é ótimo para isso ^.^ fiquei tão feliz quando o encontrei!
ExcluirKissus :*
Ótimo tutorial. Mto obrigada! =)
ResponderExcluirDomo arigatô, Mirai-chan! (^.^)
ExcluirDe nada, quando precisar... :)
Na.