TUTORIAL: Categorias personalizadas no blog

photo-1416339442236-8ceb164046f8
FONTE DA IMAGEM: UNSPLASH

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! ❤

Anúncios

10 comentários sobre “TUTORIAL: Categorias personalizadas no blog

    • 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! :*

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s