07 agosto 2015

Categorias em Bolinhas

Tutorial:
1 -  Você vai precisar de uma imagem para definir cada categoria, eu vou por umas que criei aqui embaixo, e você podem fazer as próprias, mais precisa estar em png.
2 - A imagem que você fez, depois de pronta coloca ela em um site e pega o link dela . Entre na sua conta do Picasa Web e clique em "Fazer upload", selecione a imagem e após o carregamento clique em OK.
3 -  É só clica na imagem com o botão direito e selecione "Copiar URL da imagem". Esse URL que será copiado é o endereço da imagem que você vai usar no próximo passo
4 - O código é esse:
<a href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" /></a>
Ele serve para 1 categoria, então se você quer 10 categorias, deve repetir o código 10 vezes e personalizar cada um individualmente.
Substitua:
- O trecho em azul pelo endereço da categoria do seu blog. Um exemplo de categoria aqui do meu blog: http://www.followyourdreams.com.br/categoria/fotografia/
- O trecho em verde pelo título da categoria, exemplo: Fotografia.
- O trecho em vermelho pela URL da imagem copiada no passo 3.
5 - Se você usa WordPress cole o código em um widget de Texto. Se você usa o Blogger cole o código em um gadget de HTML/Java Script.

Todos os arquivos contem 10 categorias diferentes.

Essas foram as categorias que eu criei, se tiver sugestões de novas categorias e novas cores é so pedir que eu faço. Beijos espero que tenham gostado.

E se for usar comente aqui embaixo.

Proibido Reblogar, se reblogar coloque os créditos.

12 comentários:

  1. Você leva muito jeito com essas coisas, as categorias ficaram lindas

    http://www.isadoramonteiro.com.br/2015/08/o-site-que-te-da-cupons-de-descontos-e.html

    ResponderExcluir
  2. Respostas
    1. Ok eu ensino sim, logo logo posto o tutorial aqui. Beijos.

      Excluir
  3. As categorias tão lindas flor ,adoro essas atitudes de disponibilizar coisas para quem não tem tanto dom ou paciência para fazer kkkkk
    http://blogda-mah.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Fico feliz que tenha gostado flor, eu gosto de dividir o pouco que sei rs. Beijos!

      Excluir
  4. Nossa que ícones lindos, sem duvidas irem baixar todos aqui. Estao lindas essas categorias, adorei mais que todas a pretinha. Beijos!

    ResponderExcluir
    Respostas
    1. Que bom que gostou linda, baixa todas então rs. Beijos!

      Excluir
  5. Que coisa mais linda, super criativa você. Amei seu blog, beijos! <3
    http://sonhosdalori.com.br/

    ResponderExcluir
  6. Adorei, abaixei todos aqui, quem sabe uso em breve
    Bjs <3

    ResponderExcluir