Novo Layout+Ribbons+Cabeçalho Mapeado+Aviso

Hooy~ Benhês Como Vocês Estão? Espero Que Sim

Vocês Viram Que Eu Mudei O Layout!!! Ficou Lindo Né Eu Que Fiz Completo Um Rosinha Com Azul(CUTE CUTE) Bom Eu Tambem Tenho Uma Pessima Novidade Para Vocês é Que Não Pude Fazer O Layout Eu Tentei Começa Mas Quando Eu Mechia No HTML  Dava Erro Tentei Varias Vezes Mais Não Deu Muito Certo!

Ahh Sim Tambem Trouxe Ribbons Para Vocês E Um Tutorial De Como Mapear Um Cabeçalho Como O Meu(O ATUAL) Aquilo São Imagens Mais Vamos Deixar De Blá Blá  Blá E Vamos Para O Que Realmente Interessa Clique Em Leia Mais Para Ver O Resto Da Postagem

• 1ºAs Ribbons
• 
•  
• 
•  
• 
•  
• 
•  
• 
• Todas Fui Eu Que Fiz Dê Os Devidos Creditos
• 
  

 2º Cabeçalho Mapeado

Primeiro passo :

Faça um cabeçalho normal, só que com o lugar que você quer que fique clicável. Pra ficar mais fácil, faça com um menu do seu jeito do seu gosto. Se não sabe fazer cabeçalho ou quer aprender alguns truques clique aqui.

Segundo passo :

Hospede sua imagem em algum site. Pode ser o We heart,ou até mesmo num blog de testes. Para hospedar a imagem em um blog de testes é só criar uma nova postagem e adicionar uma imagem e fazer o Upload dela. Depois disso é publicar a postagem e clicar com o botão direito na imagem e copiar " Url da Imagem "(ou semelhante).

Guarde a URL da imagem porque iremos usá-la em seguida. Pra facilitar cole no Word.

Terceiro passo : Mapeamento

Vamos mapear agora nosso cabeçalho!

1 -Vá até o site Image Map Tool e cole a URL da sua imagem no local indicado. Depois clique no botão como na imagem abaixo:

2- Após clicar em" Mapping Your Image" o site vai carregar sua imagem e em seguida apos o carregamento irá aparecer uma página como esta abaixo. Significa que sua imagem já foi carregada e pronta para ser mapeada. Então clica em " continue to next step " ;Depois Espere Carregar De 10 Ate O Zero Depois De Ter Carregado Clique Em Continue To Next Step

3- Agora chegou a parte do mapeamento

Antes de tudo vamos desmarcar todas as caixinhas marcadas (como na imagem)  e clicar em "Rectangle" .

                        4- Após clicar em Rectangle, vai aparecer um retangulo onde devemos redimensionar ele para o tamanho de cada aba do menu. No primeiro espaço digite o URL da página, no segundo, o título (opcional) e depois clique em save. Veja A Imagem A Baixo:

                            Vai fazendo isso até que todas as abas estejam com seus respectivos links. 

5- Depois de ter colocado link em tudo, clique em GET YOUR CODE. Vai aparecer uma janela nova então clique na aba HTML CODE e copie o codigo.

Quarto e Último Passo: Colocar no Blog

Até que enfim chegamos no ultimo passo kk valeu aos poucos que chegaram aqui. Para colocar o cabeçalho no seu blog faça o seguinte:

Exclua o Cabeçalho Do Seu Blog Com Esse Tutorial(www)

Depois

 Vá Em Editar Modelo >> HTML >> Prosseguir . Dê F3 e busque por:

                                                         

                                                       <*/head> 

retire o (*) 

.- Abaixo dessa tag cole o codigo Que Você Pegou Lá No Site Image Map e visualize. Se tiver tudo Ok salve.