Nuvem de (marcadores) tags colorida para blog

em 24 de setembro de 2015


Olá!
Há algum tempo eu mostrei aqui no blog como colocar Marcadores em forma de nuvem colorida.
Funciona mas é manual, e dá um trabalho grande.
Então, de tanto insistir achei um jeito de fazer de modo automático, em apenas 2 passos simples.

Vamos de tutorial novinho?
Hoje a dica que quero mostrar é como deixar seus marcadores em formato de nuvem colorida de forma automática, assim:



Você pode também optar por exibir com a quantidade de posts por marcador, assim:



Vamos aprender?
É bem simples, só requer 2 passos.

Para começar vá ao painel administrativo de seu blog, clique na aba Layout e a seguir clique em Adicionar um gadget.
Escolha a opção Marcadores e configure para mostrar os marcadores em formato Cloud.
Defina se quer exibir todos ou apenas os selecionados, defina se deseja exibir ou não a quantidade de comentários, escolha se quer exibir por ordem alfabética ou por frequência e salve.
Arraste para onde deseja que fique, salve a alteração do layout e vamos ao segundo passo.

Clique em Modelo, no painel, e a seguir clique em HTML.
Dentro da caixa de código tecle Ctrl+F e dentro da barra de pesquisa que expandir digite </b:skin> e tecle Enter para localizar.
ACIMA disso cole este código:


Copiar o código



No próprio código estão definidos os campos que podem ser alterados, tais como tipo de fonte (font-family), tamanho de fonte (font-size), cores de fundo (background), etc.
As cores sempre são precedidas do sinal # e para altera-las basta alterar o código de cada uma delas pelo código das que desejar usar.
Aqui tem uma tabela de cores e seus respectivos códigos.
Depois de personalizar ao seu gosto salve e tá feito.
Fica alegre, colorido e muito bonitinho, né?


Gostou do tutorial?
Curta, comente, compartilhe!
Ajudaê, migos!
rsrsrsrs

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

11 comentários , comente também!

  1. Gosto mto destes seus posts de dicas para blogs, mas não me atrevo a fazer sozinha.
    Qualquer coisa, vc já sabe que eu peço um help pra vc rsrsrs.
    Bjs

    ResponderExcluir
  2. Elaine muito bom seu tutorial, coloquei e deu tudo certo. Elaine eu to com problema no feed, quando tento colocar feed no meu blog aparece que a url do site é invalido, eu já coloquei feed em outro blog do blogger e deu certo, já esse em questão não tá dando

    ResponderExcluir
  3. Ótima ideia, Elaine, dá um toque bem moderno ao blog! Já estou pensando em usá-la quando modificar o layout! Abraços!

    ResponderExcluir
  4. Elaine, gostaria de agradecer imensamente pelos seus tutoriais e pela generosidade em nos ajudar.

    Estou seguindo o blog e gostaria de indicar seu blog no minha apostila de apoio aos blogueiros iniciantes, de nome BLOGS: INICIANDO A TRAJETÓRIA!

    Beijos e sucesso!

    ResponderExcluir
  5. Obrigadaaaaaaa!! Adoro teus tutoriais! Vou colocar este no meu blog

    ResponderExcluir
  6. Oi, acabei de instalar. Como posso colocar as abas Top da semana e eu leio como no exemplo?
    Obrigada Elaine!

    ResponderExcluir
  7. Olá querida Elaine, passando para ver as novidades e também te deixar um grande abraço. Que o ano de 2016 venha envolvendo você e sua família com muita saúde, paz, alegria e renovadas realizações! A propósito, adorei a novidade dos marcadores, se não conseguir sozinha, vou pedir sua ajuda. Beijo no coração.

    ResponderExcluir
  8. Elaine o meu não deu certo e eu fiz tudo direitinho igual esta ai.Eu já tentei personalizar os marcadores até com códigos de outros sites e nunca deu certo me ajuda

    ResponderExcluir
  9. Oi Elaine, como posso usar somente a opção de exibir SOMENTE as Tags? Muito fofo, mas quero mais simples. Bjos

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…