2 de outubro de 2012

Menu no Cabeçalho!

Oooi gente, hoje vim ensinar como fazer o menu no cabeçalho ou seja o mesmo
que mapear um banner, Vamos lá!

Após te feito seu Banner e ter colocado o 'menu' nele, veja um exemplo :

Como vocês veem o 'Menu é aquilo ali do lado com Home,...'
então aquilo se faz no photoshop não vo nem ensinar como faz né!
Vou só ensinar só como faz para quando clicar nela ir direto na pagina
em que o nome indica! é um pouco complicado exite um pouco de 
paciência! Ok! O site que vamos usar é o 'Images Map Toop'
Assim que abrir o Site clique em 'selecionar arquivo'
e depois 'Start Mapping Your Image', veja:


Ela vai carregar assim que carregar clique em 'continue to next step'
Agora clique em 'Rectangle' e faça o quadrado/retangulo em cima
do menu, veja:
Em 'Link for this map' coloque o link da onde indica a imagem
ou seja se for 'home coloca o link de home' e clique em 'SAVE'
Faça isso com todos o 'Menu' Após ter terminado
clique em 'Get Your Code', veja:

Agora la em cima clique em 'HTML code' ,veja:

Pronto aquele é o código! Agora vou ensinar como 'instalar'
Vá no 'HTML' do seu blog de um Ctrl F e procure por:
Header1

Você irá achar algo semelhante a isso:
<b:widget id='Header1' locked='true' title='NOME DO SEU BLOG (Cabeçalho)' type='Header'/>

Apague essa parte e note que seu cabeçalho vai sumir.
Agora vá no 'Layout' do seu blog e vá em Adicionar um 'Gadget'
bem nessa parte, veja:

Escolha a opção 'Javascript' e agora vá lá no site em  'HTML code' e copie
o código apenas até aqui, veja:
e No fim do código 'incremente' com o código:
</div>
Vai ficar mais ou menos assim, veja:
Clique em salvar e pronto! Seu banner ja estará instalado no blog
e com o menu funcionando!

Créditos do 'Código':

Quem quiser Baixer alguns estilos de
menus feito por mim:
1,2,3
Boom gente foi isso! espero que tenham aprendido!
Beeijos até a próxima!








Nenhum comentário:

Postar um comentário