TUTORIAL: Categorias personalizadas no blog

[caption id="attachment_4166" align="aligncenter" width="809"]photo-1416339442236-8ceb164046f8 FONTE DA IMAGEM: UNSPLASH[/caption]

Olá pessoal, tudo bem?


Vocês viram que a gente mudou a cara do blog? Ele ficou simples, mas bonito ao mesmo tempo (não curto muito mimimi no blog), mas parece que o que mais chamou atenção foram as categorias mais visitadas, que estão personalizadas (esse mimimi eu acho válido hahaha). Eu amo blogs com muito mimimi, mas o meu não parece combinar com tudo isso, tanto que, se vocês forem analisar o blog desde o começo, vocês vão notar que eu sempre dei muito preferencia para o cabeçalho, procurando deixar ele sempre bonito e apresentável. Como optei por um tema mais ''limpo'' e com cores mais leves, desta vez, além do cabeçalho (mudamos a nossa identidade visual, notaram?), mudamos também a área social dele e parece que de tudo que foi mudado, o que vocês mais gostaram foram as categorias - minhas favoritas também.


Antes de ensinar como deixar as categorias personalizadas, quero falar um pouco sobre a área social do boteco. Coloquei um resumo mais simples desta vez, não fiquei criando nada de especial no PhotoShop, até porque, se vocês notarem, a imagem fica muito pequena, então seria um trabalhão por nada. As redes sociais estão mais simples, também não fiquei editando ou buscando ícones personalizados. Também temos minha página do Facebook e a página do blog. Enfim, como deixei tudo muito simples, optei por deixar as nossas categorias mais lindas e personalizadas. Quer aprender como faz? Então continue lendo!



Vou ensinar a vocês como personalizar as categorias no blog do WordPress, mas se você usa o blogger, não tem problema, da também. É tudo muito simples e muito fácil. Então vamos lá!


Copie o código abaixo


<a href="LINK"><img src="IMAGEM" /></a>



Depois de copiar o código acima, siga os passos mostrados nas imagens. Acho que fica mais fácil mostrar o passo a passo por imagens, então fiz da maneira mais simples e fácil para que vocês consigam entender. 


PRIMEIRO PASSO: Abra seu blog no painel de administrador (claro, né Loow ¬¬) e procure por APRESENTAÇÃO e clique em WIDGETS. Exemplo na imagem!


ex

SEGUNDO PASSO: Procure pelo widget de TEXTO e arraste ele para a barra lateral.

er


TERCEIRO E ULTIMO PASSO: Depois de arrastar o widget de texto para a barra lateral, cole o código que você copiou no início do post e altere ele de acordo com o que esta escrito. Feito isso, é só salvar e pronto! - Não esqueça de colocar um título do widget. 


barra


OBS: Me perdi na hora de fazer o passo a passo, por isso a numeração das imagens não esta de acordo com o passo a passo do texto!


 Créditos ao blog da Carla Vieira, que foi onde eu consegui algumas das imagens para personalizar as minhas categorias e o código.


ÍCONES AQUI


Se você não quiser usar os ícones da Carla, vou deixar para vocês um site onde vocês encontram ícones muito bacanas para usar nas suas categorias.


ICONFINDER


Bom galera, espero ter ajudado vocês e que o tutorial funcione. Qualquer dúvida, ajuda, etc...comenta ai. Um beijão e até o próximo post! <3

You May Also Like

10 comentários

  1. Adorei a dica!!! Esta parte de dividir o Blog em categorias facilita o acesso para os leitores e um melhor gerenciamento para mim. Obrigado pela ideia. Grande abraço...
    Meu blog é: www.blogvivaherbal.com.br/blog

    ResponderExcluir
  2. Fico feliz que tenha gostado. Obrigada por visitar o meu cantinho, vou retribuir a visita. Abraços!

    ResponderExcluir
  3. Olá,
    Gostei muito deste post vou voltar para estudar mais por ele, me bato muito com este W.P. acho que ao mesmo tempo tem coisas práticas tem coisas chatas e complicadas.
    Parabéns pelo conteúdo relevante, que bom, como você disse mimimi em blog é muito chato.
    Muito boa sorte.
    http://www.maisqueumaviajante.com.br

    ResponderExcluir
  4. Fico feliz que tenha gostado, Isa. O W.P ele é chatinho mesmo, é melhor na hora de criar conteúdo, mas diferente do Blogger, não se tem muitas opções para blogs Free. Obrigada pela visita, volte sempre! :*

    ResponderExcluir
  5. Amei! Vou tentar fazer! Se eu conseguir, posso publicar seu tutorial na minha página para blogueiros? Vou dar todos os créditos!

    ResponderExcluir
  6. Me manda o código?? não abre aquele dali, fica só uma caixinha mas não tem código, obrigadaa

    ResponderExcluir
  7. Olá Vani. Desculpe a demora para lhe responder. O post foi atualizado, mas segue o código

    ResponderExcluir
  8. Pode sim Lais. Muito obrigada pela visita. Volte sempre! <3

    ResponderExcluir
  9. […] quando são tutoriais para deixar o blog de vocês cada vez mais lindo. Depois do post ”CATEGORIAS PERSONALIZADAS NO BLOG”, muita gente me perguntou onde eu consegui os ícones que eu uso nas minhas categorias […]

    ResponderExcluir

INSTAGRAM | @LOOWINVERNISSI