Colocando categorias no Blog.

|


Manter um blog organizado é um desafio para qualquer blogueiro e para isso acontecer, as categorias servem para organizar melhor o conteúdo do Blog.

Olá, queridos!!

Vamos aprender a colocar categorias em forma de ícones no blog e organizar melhor o seu conteúdo?

Há diversos sites e blogs que divulgam ícones e tem para todos os gostos.


Os que eu coloquei abaixo, eu pegou no blog da Carla Vieira, uma blogueira super simpática.

Vamos então colocar os ícones de categorias e fazer o seu blog ficar super bonito.Vamos lá!!



Copiando o código:

A linha abaixo foi copiada 9 vezes,pois abaixo tem 9 ícones.Se você quiser fazer menos, é só apagar as linhas que você não quer.Se quiser mais, vai copiando o código na quantidade que você quiser.



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

   







Depois do código copiado, vá até LAYOU+ADICIONAR UM GADGET+HTML/JAVASCRIPT  e cole o código na caixa. Dê um título ao gadget e comece as configurações dos ícones.



Explicando o código:


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


Em ENDEREÇO DA CATEGORIA, você colocará o link da página do assunto.

Em TÍTULO DA CATEGORIA, você dará um título á categoria. ( Ex: Moda, Maquiagem,Resenha,etc...). 

Em ENDEREÇO DA IMAGEM, você colocará o endereço do ícone,para isso você clicará na imagem com o botão direito e selecionará a opção COPIAR ENDEREÇO DA IMAGEM.


OBSERVAÇÃO: Ao inserir as opções no código, insira sempre dentro das aspas,ok. Exemplo:

Veja como ficou no meu blog de testes ( só coloquei alguns,ok ).
Clique em Códigos Fáceis.

"TÍTULO DA CATEGORIA"
"Moda"

E ai amigos,gostaram?

Compartilhem em suas Redes Sociais e no Whatsapp e dê aquela forcinha bem legal para o blog Agenda dos Blogs!! Bjss!!!


 







Comentários
9 Comentários
                       
                                                   
                                                                           

9 comentários

  1. Legal! Você está arrasando com essas super-dicas, Magda.
    Abraço.

    ResponderExcluir
  2. Adorei as dicas! Quando for usar, te aviso!
    http://isaberenice.blogspot.com.br/

    ResponderExcluir
  3. Eu amei a dica Magda, na próxima mudança do blog com certeza vou usar esse código! Obrigada por compartilhar!

    Bjos
    Minda =D

    ResponderExcluir
  4. Super dica, claro que ameii. Agora preciso de um tempinho pra mexer no meu layout ;)
    Bjokas da Vaci :*

    ResponderExcluir
  5. ai que fácil amei o passo a passo.

    beijinhos

    ResponderExcluir
  6. Cada dia uma dica melhor , jaja eu consigo eu mesma arrumar meu blog

    ResponderExcluir
  7. QUE LEGAL ESSAS DICAS QUE VOCÊ ESTA PASSANDO PARA GENTE,TEM AJUDADO MUITAS BLOGUEIRAS COM NOSSOS BLOGS,OBRIGADA POR COMPARTILHAR MAGDA,O AGENDA DOS BLOGS É DEZ AMOOOO,QUE DEUS TE ABENÇOE BEIJOS

    ResponderExcluir
  8. Que dica legal! O melhor é que é bem fácil de fazer e da pra deixar um visual legal no blog! Bjs

    ResponderExcluir

Deixe um comentário, que ficarei muito feliz!!!!!
Abraços á todos!!!!