Olá galerinha linda, tudo bem?!
Hoje vim contar como personalizei o menu do meu blog. Então sem mais delongas vamos começar!!
Primeiramente, você deve criar seu menu no Photoshop ou Photoscape. O menu terá a mesma largura do cabeçalho, para que fique certinho debaixo dele.
Esse é um modelo exemplo que criei, ele tem 1034px de largura por 60px de altura:
Feito isso agora você precisa mapear a imagem para que sejam direcionados aos links. Para isso será usado o site Image-maps. Para usá-lo é muito simples, Clique Aqui e assista a um tutorial bem explicadinho ensinando como usar.
Depois que você mapeou o seu menu, será criado um código html. Então copie este código e vá em Layout, vai aparecer isto:
Clique em Adicionar um Gadget, vai abrir uma nova caixa e então você vai clicar no item abaixo:
Vai aparecer isso:
Você vai colar o código gerado no local indicado e depois salvar. Se tudo estiver certinho, seu menu ficará abaixo do cabeçalho como aqui no blog:
E está pronto nosso menu. Não é nenhum bicho de sete cabeças, é só ter paciência e criatividade.
Então o que acharam? Foi assim que fiz aqui no blog, espero que possa ajudar a quem quer fazer o seu também.
Vou ficando por aqui. Lembrem-se de curtir minha Fanpage para ficar por dentro das novidades aqui do blog!
Beijos e até a próxima!
Oi Karol,
ResponderExcluirVou reformular meu blog e vou usar essas dicas pra ficar lindo <3
beijos :*
http://www.descomplicandocosmeticos.com/
Que bom, espero que possa ajudar assim como me ajudou!
ExcluirBeijos!
Que bacana! Sou leiga em html e o bom desses tutoriais é que aos pouquinhos vou aprendendo. Conhecimento nunca é demais né?
ResponderExcluirhttp://www.bilhetedagarrafa.com.br
Pois é, devagarinho a gente chega lá! Espero que lhe ajude!
ExcluirBeijos!
Ficou lindo, depois vou tentar no meu..
ResponderExcluirSe puder dar uma olhada no meu blog, comecei agora, beijos
http://espelhomeu4.blogspot.com.br/
Obrigado, tenta sim flor!
ExcluirBeijos e volte sempre!
Nice post. Love it. If you will we can follow each other, just let me know, dear, pls? I always fallow back. Kiss
ResponderExcluirhttp://mylovelyfashionbih.blogspot.com/
Thank you, hope for your visit more often, I will visit your blog yes!
ExcluirBeautiful kisses!
muito legal , gostei demais do seu blog
ResponderExcluirparabéns!
dany-magalh.blogspot.com
Que bom que você gostou amore!
ExcluirVolte mais vezes, beijos!
me ajudou bastante aqui hihirsrs,... ah e adorei seu blog,,
ResponderExcluirtonsdeleitura.blogspot.com
Que bom que lhe foi útil, em breve trarei mas dicas!
ExcluirBeijos e volte sempre!