Hoje vou ensinar vocês a fazer o menu do jeito que vocês desejarem, para isso vamos precisar de uma imagem do fundo transparente e do photoscape.
Baixe aqui a imagem do fundo transparente (Você não vai ver ela, mas esta la)
Abra a imagem no photoscape, vá na ala inicio clique em "Redimensionar", ira abrir uma caixinha la você ira colocar a Largura em 750 e a altura em 110, desmarque a opção "preserve aspecto proporcional".
Agora vá para a ala "Objeto" selecione a opção modo caixa arredondada, escolha a cor desejada e faça a caixinha do menu (faça apenas um), não precisa fazer da altura da imagem, faça um tamanho que já da pra por a escrita. Clique novamente na ala objeto, e clique na caixinha que acabou de fazer. Vai aparecer o sinal de mais (+), clique nele até o tanto de menus que deseja. (Tem que fazer assim para ficar todos do mesmo tamanho). Agora clique em cada um e vá modificando apenas as cores. Depois é só colocar na opção texto e colocar a escrita desejada.
Pronto ele deve ter ficado assim:
Agora vamos por o link nele. Vá para o Image Map Tool clique em "escolher arquivo" e selecione o menu, depois clique em "Start mapping your image". Vai aparecer um recado, espere os 10 segundos e clique em "continue to next step". Agora vamos mapear a imagem, clique em "rectangle" e vá mexendo no quadradinho até ficar do tamanho o primeiro link, aonde ate o link do site você vai apagar e vai colar o link da pagina que você deseja (Ex: Ta escrito Chat, então você vai colar o link da pagina do chat). Clique em "Save" e passe para o próximo, apos fazer isso com todos clique em "Get your code", clique em "HTML Code" e copie o código até </map>, agora vá para seu blog, em elementos da pagina, coloque o gadget "HTML/JavaScript" e cole o cod. que você copiou, e depois de </map> coloque </div>. Coloque o gadget abaixo do cabeçalho e pronto. Seu menu esta pronto! Espero que vocês tenham gostado!
Beijos!!!
ooiiii floor....ameeii e você que faz estes templates...são lindos hehe!!
ResponderExcluirSeguindo aqui flor!
Beijinhos
By:Paloma Mirella
Crazy Teens(vai no meu perfil) flor não vou colocar o link porque o google esta excluindo blog por isso ok...
estou seguindo la amore... obrigado pela visita!!
Excluirqueria visita vc mais vezes amore
ExcluirEu que arrumo meu cantinho também , mais confesso que vivia tentando por esses tipo de menu e não conseguia agora com certeza irá facilitar minha vida haha'
ResponderExcluirBeijos flor
http://docemeninasgirls.blogs ...
Obs: O link do meu blog esta incompleto devido ao bloguer esta excluindo blog por causa disso =[ ok ... rs
Como assim o blogger tá excluindo?? não entendi! Oo
ResponderExcluirOi amiga, consegui seguir alguns PAP, mas quando chegou na hora de criar o link, ferrou tudo!!! Será q vc pode me ajudar? Meu e-mail é tammyandrade@oi.com.br e meu blog é tammyandrade@blogspot.com.br e não consigo achar esse Image Map Tool...Me ajuda, please!!!
ResponderExcluirBjks!!!
Nossa, perfeito esse seu blog, e os seus tutoriais melhores ainda.
ResponderExcluirEu coloquei e ficou muito bom *-*
amei, também quero que personalize meu blog ! Continue assim linda, beijos;*
ResponderExcluirSite : http://modamakeupvih.blogspot.com.br/
Sou louca para colocar menu em meu blog...mas não entendo nada desse html esses códigos e morro de medo deles kkkkkkkkkk e bagunçar com tudo....
ResponderExcluirdevia existir um jeito mais simples!
Nossa, muito obrigada pela ajuda!
ResponderExcluirTutorial bem explicado e fácil.
Meu bloguinho ficou muito lindo! Bjoos! *--*
http://vices-of-net.blogspot.com.br/
Nossa muito obrigada, me ajudou muito,sempre procurei um tutorial para fazer isso e nunca dava certo e você explica tudo certinho e enfim eu consegui muito obrigada pela ajuda, ja estou te seguindo
ResponderExcluirse puder de uma passadinha no meu blog
http://makessfashion.blogspot.com.br/
aaah adorei, me ajudou muito viu.
ResponderExcluirEu só consegui até a parte de abrir naquele site, colocou a imagem e tudo, so q quando eu clico no continue, aparece o menu e n acho a opção "rectangle"
ResponderExcluirPode me ajudar pfv