banner

Image Map

Como organizar os assuntos do blog

  Oi gente, tudo bem?
  Hoje vim trazer um tutorial que encontrei lá no Cherry Bomb para os blogueiros e blogueiras organizarem melhor os assuntos abordados no seu blog. 
  Muitas vezes ao escrever os posts nós criamos vários marcadores sem nos dar conta e quando visualizamos nossa coluna lateral encontramos uma situação parecida com essa:
  E se você não aguenta mais essa situação e quer organizar melhor os assuntos abordados no seu blog  leia esse post até o fim!
  Você pode fazer um menu assim:
Ou com três colunas, como o da foto abaixo:

Instalá-lo é muito simples. Para realizar esse modelo é necessário que você abra o modelo HTML do seu blog, aperte as teclas ctrl+F e cole  ]]></b:skin> na caixa de pesquisa.

Acima do trecho que você procurou, cole o seguinte código:

Código
/***Menu para marcadores***/
.tag {
font-family: verdana; /*Fonte do menu*/
font-size: 10px; /*Tamanho da fonte*/
height: 16px;
background: url('URL_DA_IMAGEM') no-repeat left; /*Imagem que fica ao lado do link (16x16 px)*/
display: block;
margin-bottom: 5px; /*Espaço inferior entre cada link*/
padding-left: 18px; /*Não mude*/
transition:All 0.5s ease; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease;}

.tag a {color: #fe97cd !important; /*Cor dos links*/}

.tag a:hover { color: #bb588b !important; /*Cor dos links quando passa o mouse em cima*/font-weight: bold; /*Deixa os links em negrito quando passa o mouse, apague se não quiser este efeito*/
transition:All 0.5s ease; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease;}
/***Por cherry-liah.blogspot.com - não retire os créditos***/
 
  Edite como quiser e salve o modelo do seu blog. Agora vá na guia layout do blogger e adicione um gadget de HTML/Javascript onde quiser que o menu fique. Dentro do gadget cole o seguinte código:

<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div>
Repita este código para cada tag que quiser no seu menu.
  Se quiser o menu em três colunas como mostra o exemplo da segunda imagem, ao invés de usar o código acima no gadget de HTML/Javascript, use esse:
Código
<div style="float: left; width: 30%">
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div>
</div>

<div style="float: left; width: 30%">
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div>
</div>

<div style="float: left; width: 30%">
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome da tag</a></div>
</div>
<div style="clear: both"></div>
  Cada bloco de código corresponde a uma coluna. É só editar com atenção que fica tudo certinho.
  Abaixo tem algumas imagens para serem usadas neste
menu!



Comente com o Facebook:

49 comentários:

  1. uma das coisas para ter um bom blog é a organização né ?? pq ngm merece ir em um blog e não conseguir achar algo né

    ResponderExcluir
    Respostas
    1. É verdade, fica bem mais fácil quando podemos identificar as coisas com facilidade!

      Excluir
  2. bela diga vou usa-la quando reformar o meu blog
    porqueestrelas.blogspot.com

    ResponderExcluir
    Respostas
    1. Usa sim, aposto que ajudará bastante na organização do seu blog!

      Excluir
  3. Marcadores são ótimos pra organizar mesmo! Eu não usava, e agora percebo quanto é necessário
    Beijo
    cindereladeallstar1.blogspot.com.br

    ResponderExcluir
  4. Vou colocar no meu blog os marcadores acho que fica muito mais organizado !
    beijos
    http://londresmeussonho.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Fica sim, quando você colocar vai perceber a diferença! haha

      Excluir
  5. Sinceramente esse post nos alerta a um erro que cometemos sem perceber , amei o post :D

    ResponderExcluir
    Respostas
    1. Pois é, nos vamos criando tantos marcadores que nem percebemos haha
      Que bom que gostou do post :D

      Excluir
  6. Bem legal, adorei seu blog!

    http://www.expressomarshmallow.com/

    ResponderExcluir
  7. Oii flor, adoreeeei a dica para organizar o blog, o meu ainda nao tem as categorias pq tenho pouco conteudo ainda, mas penso em fazer quando tiver mais assuntos postados. adorei seu blog viu, sucesso ;)

    ResponderExcluir
    Respostas
    1. Quando tiver mais assuntos coloca as categorias, vai ficar bem mais organizado!
      Fico feliz em saber que você gostou do meu blog e te desejo muito sucesso também!

      Excluir
  8. Amei as dicas, amo organização.

    http://www.papodemeninasaer.com/

    ResponderExcluir
  9. Realmente, esse tutorial deixa o blog muito mais organizado <3
    xoxo

    Imagine Belle

    ResponderExcluir
  10. Adorei as dicas, as vezes entro em blog com conteúdos até bom, mas péssima organização e acaba não valorizando o blog de tal forma !http://www.papodemeninasaer.com/

    ResponderExcluir
  11. Adorei , amo blogs organizados *-*

    Beijos , Deus abençoe ♥
    mundodasgarotasforever.blogspot.com.br { Retribui a visita ? }

    ResponderExcluir
  12. No meu blog eu personalizo essa área porque fica feio esse moooonte de marcadores! Organizado fica muito mais fofinho, né? Lindos modelos!

    Beijocas ♥
    belasenhorita.net.br

    ResponderExcluir
    Respostas
    1. Fica feio mesmo, o jeito é personalizar e organizar, o ambiente fica bem mais agradável para os leitores.

      Excluir
  13. Eu já tinha visto esses modelos em alguns blogs, são realmente bem organizadinhos, o daqui do seu blog chamou minha atenção logo na primeira vez que entrei: é lindo!
    O do meu canto está em forma de nuvem e, particularmente, gosto muito dele, apesar de saber o risco que corro de chegar ao ponto da 1 imagem... Mas vou ter cuidado! hehehe

    Ananda Maciel ∞̕

    ResponderExcluir
    Respostas
    1. Que bom que gostou do meu, usar os marcadores com ícones é boa estratégia, pois assim chama mais atenção, fazendo com o leitor procure outros assuntos que o interesse.
      Se você tiver bastante cuidado com certeza não vai ficar como na imagem 1 ! haha

      Excluir
  14. Gostei dessa personalização!! No meu blog, a minha designer organizou tudo em 2 colunas e me pediu as tags que eu queria mostrar!! Parabéns pelo post!!!

    Blog Paixão por Makes | Canal do blog

    ResponderExcluir
    Respostas
    1. É bom modo de organizar também né?
      Obrigada, fico feliz em saber que gostou (:

      Excluir
  15. Adorei essa organização, porém nunca consigo colocar nada desses códigos de html rs, tenho uma séria dificuldade kk... Linda você me perguntou que cirurgia que fiz né, então eu tive que colocar um central pra receber medicamentos, fico muito internada, então acabaram as veias pra furar, ai tive que colocar o central pra furar somente nesse lugar. Beijos lindona, fica com Deus!

    http://nathalianatth.blogspot.com.br/
    Page:https://www.facebook.com/pages/Nathalia-Oliveira/423605667681407

    ResponderExcluir
    Respostas
    1. Sério?
      É super simples, mas para pegar o jeito tem que ir tentando e se arriscando mesmo!
      Você já está bem pela cirurgia? Fiquei muito preocupada quando li o post do seu blog!

      Excluir
  16. Eu sinto muita falta do Cherry Bomb. :( As dicas de lá eram incríveis.

    Twitter Blog
    - xoxo –

    ResponderExcluir
  17. Gostei muito do tutorial, vou tentar fazer no meu blog!
    Beijos!

    http://temponaoperdido.wordpress.com/

    ResponderExcluir
    Respostas
    1. Que bom que gostou, tenta sim, aposto que vai deixar seu blog bem mais organizado!

      Excluir
  18. Acho super legal, eu sempre me perco com as tags, tanto que tirei elas queria mesmo uma forma de colocar esses assuntos, quando definir o que vai ser vou colocar.
    Beijos!
    www.yarasousa.com

    ResponderExcluir
    Respostas
    1. São tantas tags que não tem como não se perder né? haha

      Excluir
  19. Oi , tudo sim e com você?
    Fico feliz em saber que você gostou <3

    ResponderExcluir
  20. Eu prefiro organizadinho também assim, mas acho que os marcadores são bons para as pessoas procurarem por tags, sabe? Estou pensando até em colocar lá no meu blog. Dai fica dos dois jeitos.

    Bitocas!
    www.likeparadise.com.br

    ResponderExcluir
  21. Adorei a dica! Além de ficar mais organizado, o blog fica muito mais bonito!
    Beijos! :**
    http://de-repente-eu.blogspot.com.br/2014/01/resenha-eu-me-chamo-antonio.html

    ResponderExcluir
  22. Gostei da dica, é isso aí!
    Fica mais fácil pras blogueiras de primeira viagem. Adorei!
    Beijão!

    ResponderExcluir
  23. Muito boa sua dica gostei muito pramin foi uma grande ajuda Parabéns!

    ResponderExcluir
    Respostas
    1. Fico muito feliz em saber que minha dica foi útil para você.

      Excluir
  24. O que chama a atenção de um blog é isso! A organização! E o seu tem tudo isso! É por isso que eu gosto tanto dele!!

    ResponderExcluir
    Respostas
    1. É verdade, organização é tudo.
      É muito bom ler um comentário desses e saber que tem pessoas, como você, que gostam do meu trabalho (:

      Excluir
  25. Adorei o post e eu estava procurando sobre como fazer essa organização dos marcadores. Mas como faz para deixar em 2 colunas?

    Beijoss

    http://algodaodeprimavera.blogspot.com.br/

    ResponderExcluir
  26. Oi td bom ? bem eu queria saber como colocar aquele quadro de fotos que passão e como colocar aquelas imagensinha da rede social e aqueles mimos como aqueles riscos que separão um gadget do outro bjs amei o post *-*
    mariiiabonita.blogspot.com.br

    ResponderExcluir

Leiam o post inteiro, pois ele foi escrito com muito carinho para vocês! Se gostarem comentem e curtam o post.
Obrigado pela visita e volte sempre.

Related Posts Plugin for WordPress, Blogger...