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!

12 comentários:

  1. Oi Karol,

    Vou reformular meu blog e vou usar essas dicas pra ficar lindo <3

    beijos :*
    http://www.descomplicandocosmeticos.com/

    ResponderExcluir
    Respostas
    1. Que bom, espero que possa ajudar assim como me ajudou!
      Beijos!

      Excluir
  2. Que bacana! Sou leiga em html e o bom desses tutoriais é que aos pouquinhos vou aprendendo. Conhecimento nunca é demais né?

    http://www.bilhetedagarrafa.com.br

    ResponderExcluir
    Respostas
    1. Pois é, devagarinho a gente chega lá! Espero que lhe ajude!
      Beijos!

      Excluir
  3. Ficou lindo, depois vou tentar no meu..
    Se puder dar uma olhada no meu blog, comecei agora, beijos
    http://espelhomeu4.blogspot.com.br/

    ResponderExcluir
  4. Nice post. Love it. If you will we can follow each other, just let me know, dear, pls? I always fallow back. Kiss

    http://mylovelyfashionbih.blogspot.com/

    ResponderExcluir
    Respostas
    1. Thank you, hope for your visit more often, I will visit your blog yes!
      Beautiful kisses!

      Excluir
  5. muito legal , gostei demais do seu blog
    parabéns!
    dany-magalh.blogspot.com

    ResponderExcluir
  6. me ajudou bastante aqui hihirsrs,... ah e adorei seu blog,,
    tonsdeleitura.blogspot.com

    ResponderExcluir
    Respostas
    1. Que bom que lhe foi útil, em breve trarei mas dicas!
      Beijos e volte sempre!

      Excluir

Postagens Relacionadas

Related Posts Plugin for WordPress, Blogger...