slide posts

12 de fevereiro de 2015

Como personalizar o menu do blog





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!

Postagens Relacionadas

Related Posts Plugin for WordPress, Blogger...