Como Colocar Categorias Com Imagens No Blog

Oi gente tudo bem? Hoje eu vou ensinar pra vocês como colocar categorias com imagens no blog, assim como está no meu, veja o exemplo abaixo:

Esse tutorial é super fácil, então vamos lá!

1. Primeiramente eu aconselho que vocês façam o download do tema de vocês, para isso vá em Tema > Fazer backup/restaurar > Fazer download do tema

2. Depois de salvar o tema, vá em Layout > Adicionar um gadget e cole o código abaixo:

<center>

<a href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" /></a><a 

href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" /></a><a href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" 

/></a><a 

href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" /></a><a 

href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" /></a><a href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM"

 /></a><a href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM"

 /></a><a href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" /></a><a 

href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" /></a><a

 href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" /></a><center>

Esse código tem 10 categorias, pra acrescentar mais é só adicionar esse código:  <a href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" /></a> 

antes da tag <center>   que também tá marcado de rosa no código acima.

Para criar as imagens para as categorias, eu indico esse site AQUI eu peguei algumas imagens das categorias do meu blog lá, algumas já veio no layout 

Vou deixar uma base pra vocês criarem as imagens para as categorias de vocês aqui abaixo:

 

Vocês podem criar essas imagens no photoscape, pra isso vocês vão abrir no photoscape essa base transparente pra categorias que eu deixei acima, depois vão em "Objeto", depois clica no ícone de fotografia, depois clica em "foto" e abre a imagem que vocês escolheram pra categoria, depois clica em " T " e adiciona um título pra sua categoria, exemplo: "Resenhas" depois ajusta o título onde você quer na imagem e pronto! Qualquer dúvida é só comentar aqui. 

Créditos do código: Blog da Mary