Vá no item Layout do seu blog
- Clique em Adicionar um Gadget na sidebar
- Selecione HTML / Javascript
- Se desejar, insira um título e troque as miniaturas
- No campo conteúdo cole o seguinte código:
<div class='widget-content'>
<center><div class="categorias"><a href=""><img src="Imagem-Icon"
/><span><img src="Imagem-Icon-Hover"
/></span></a></div></center>
</div>
<div class='clear'></div>
Onde destaquei em vermelho você coloca a URL da imagem do ícone da sua categoria;
Em rosa você coloca a URL da imagem do ícone da sua categoria que ficará quando passar o mouse por cima;
Se quiser com 6 categorias, copie esse código e cole na quantidade desejada, alterando apenas os ícones:
<div class="categorias"><a href=""><img src="Imagem-Icon"/><span><img src="Imagem-Icon-Hover"/></span></a></div>
Abaixo deixo uma lista dos ícones que usei no layout Batom e Glitter;
Aproveite, para pegar a URL da imagem, clique com o botão direito do mouse em cima do ícone desejado, em seguida clique em copiar URL da imagem:
Nenhum comentário
Postar um comentário