Como personalizar os marcadores do blog

em 8 de agosto de 2016

Como personalizar os marcadores do blog

Você, assim como eu, tem muitos marcadores em seu blog?
Ou nem tem tantos assim mas quer uma forma limpa e organizada de exibir os mais relevantes?
Então vem comigo, vou te mostrar como personalizar o gadget Marcadores e deixa-lo com esse aparência:


O efeito hover aparece ao passar o cursor, e a barra de rolagem aparece se seu gadget tiver mais de 200px de altura.
Vamos instalar?


Para começar você precisa, claro, ter marcadores em seus posts.
Aqui tem um post onde eu falo sobre a importância de tê-los e como fazer caso não tenha.








Marcadores no blog- como inserir


A seguir você precisa inserir o gadget Marcadores em seu blog.
Vá ao painel do blog e clique na aba Layout.
Aí clique em Adicionar um gadget e dentre as opções que surgirem escolha Marcadores.
Configure assim: escolha a opção Cloud, sem mostrar o número de postagens e se forem muitos marcadores (eu tenho 200, mimata) clique em Marcadores selecionados e escolha quais vai exibir.
Após isso salve seu gadget, arraste para onde deseja que apareça e salve as alterações do Layout.
Está feita a primeira parte. Vamos à segunda parte do tutorial.


Marcadores do blog- como personalizar


Agora, no painel do blog, clique na aba Modelo, e a seguir clique em Editar HTML.
Dentro da caixa do código-fonte tecle Ctrl+F e na barra de busca que aparecer digite  ]]></b:skin>.
Tecle Enter para localizar.
Acima dessa tag cole o código abaixo:

Copiar o código

Edite conforme desejar para que as cores combinem com seu blog.
E depois de concluir salve.
Está feito.
Simples e bonito, né?

Dicas extras:
A barrinha de rolagem aparecerá se a altura do gadget for superior à 200px.
Cores são alteradas onde deixei marcado. Aqui tem uma tabela de cores para você escolher pelo código hexadecimal qual prefere.
A fonte segue o padrão das fontes de seu blog.
Se o gadget Marcadores que você inseriu não for o seu primeiro (Label1) troque o número 1 pelo número do gadget. Isso você descobre ao editar o gadget: acima, na barra de endereço do navegador aparece o ID do gadget.


Gostou?
Então clique em Curtir, Compartilhar, recomende no G+ ou deixe seu comentário dando um oizinho pra mim :)


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.

5 comentários , comente também!

  1. Adorei as dicas, me ajudou muito <3
    Parabéns pelo blog, já estou seguindo para poder acompanhar as novidades

    www.papomoleca.com.br

    ResponderExcluir
  2. Respostas
    1. Michele a tag em questão é a ]]>
      é ai que você tem que colar o código, depois é só editar e pronto.
      Só lembrando que é necessário ter o gadget de marcadores instalado no blog, configurado no modo "cloud".

      Excluir
  3. Very nice blogs. I just loved going through it. Variety of topics.. Good to read it. I will surely bookmark this website

    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…