, , , , , ,

Categorias personalizadas no menu do blog

09:53

Olá, meus amores!
Hoje vou ensinar a vocês como colocar um menu lateral com categorias personalizadas no blog.

menu categorias personalizadas
Fonte da imagem: Google
Muito tempo que eu não faço um freebie, né? Como eu tô na fase de editar o blog e tô procurando mil coisas, tô com ideias fresquinhas de personalização pra compartilhar com vocês.
Um menu com categorias personalizadas deixa o blog muito mais organizado, além de ser uma gracinha, né?

Peço desculpas se o post não ficar muito bom. É meu primeiro tutorial. :)

Instalando o menu lateral com categorias personalizadas

Primeiramente, vamos instalar o código HTML no layout. Vamos no passo a passo pra quem não entende de edições conseguir também. 

O caminho é Layout > Sidebar > Adicionar um Gadget > HTML/Javascript 







Esse código vai inserir uma categoria. Se você quiser, por exemplo, 10 categorias no blog, você copia e cola esse código 10 vezes e salva.


Fazendo as substituições no código:

Onde está escrito "ENDEREÇO DA CATEGORIA" você vai colocar o endereço da sua página, com a categoria escolhida. Você pode clicar em um marcador e copiar.
Onde está escrito "TÍTULO DA CATEGORIA" você coloca o nome do marcador e em "ENDEREÇO DA IMAGEM" o link onde a imagem está hospedada.

Se você quiser criar uma categoria nova, é só botar um marcador novo no blog ou substituir o nome de um já criado no endereço do link. Lembre-se que pras postagens irem pras categorias que você quer, você precisa botar o marcador correspondente no post.

Espero que tenham gostado do tutorial. Comentem as cores que vocês gostariam pro menu de categorias personalizadas que eu posto algumas opções pra vocês.

Até a próxima. :)

                                                                      

Mais conteúdo que você vai gostar

6 comentários

  1. Como que eu faço se eu quiser não por a imagem ? é só eu não por o link ???

    ResponderExcluir
    Respostas
    1. Olá, boa tarde!
      Não entendi muito bem a pergunta. Você quer um menu categorias sem aparecer imagem? Só com o nome delas? :)

      Excluir
  2. Olá, gostei bastante :) mas poderia me dizer como deixar as miniaturas como na foto? Pois aqui no meu ficaram todas na vertical.

    ResponderExcluir
    Respostas
    1. Se você quiser deixar uma imagem ao lado da outra, você insere align='left' ao lado das tags das imagens. Vai ficar algo como "img align='left' src='link da imagem' "

      Excluir
  3. Olá Nah Corrêa,adorei as dicas e vi o seu menu lateral no blog é lindo, mas gostaria de saber onde encontrou imagens adequadas para esse menu, não consegui encontrar nenhuma. Poderia me ajudar por favor obg, bjss!!!

    ResponderExcluir
  4. Muito bom, adorei as dicas! Consegui personalizar todos os meus marcadores!
    Sou sua mais nova leitora, beijos!
    http://gettingginger.blogspot.com.br/

    ResponderExcluir

- Participe do Blog deixando seu comentário. Sua opinião é importante pra mim!
- Marque a caixinha de notificação pra receber minha resposta.
- Se tiver Blog, deixe o endereço no comentário para que eu possa visitá-lo.

Obrigada pela visita! Volte sempre. ☺

Receba as NOVIDADES

Posts novos terças e sextas.

Mais lidos

Calendário de posts