Como personalizar os marcadores do blog - * Blog Elaine Gaspareto *

Como personalizar os marcadores do blog

em 08/08/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 :)


11 comentários via Blogger
comentários via Facebook

11 comentários:

  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
  4. Oi Eliane,

    Ficou meio emboladinho. Acho que não funcionou. Beijocas! EStou devorando seus tutoriais! Vc explica super bem!

    ResponderExcluir
  5. I am very glad to learn a lot from you this meaningful knowledge. From an article describing your unique way , we can see that you are an approachable , humorous person. Not only that, your article is rich with a lot of useful knowledge and helpful information.
    Dissertation writing services

    ResponderExcluir
  6. Como coloco a barra de rolagem dentro dos posts lado à lado? Estou utilizando um código, mais apenas fica um abaixo do outro. Vc poderia me ajudar?

    ResponderExcluir
    Respostas
    1. Para que fique lado a lado a largura da área dos posts precisa comportar a largura total dos marcadores+ a margem entre eles.
      Se o espaço for insuficiente automaticamente ele desce e não fica lado a lado. A solução é aumentar a largura da área de postagem ou reduzir a largura de cada coluna dos marcadores.

      Excluir
  7. Eu insiro o gadget e ele aparece normal, mas depois que eu altero qualquer coisa no html, seja só a cor, o gadget some sozinho. Com certeza alguma configuração no meu template ou um código errado no meu html, mas o que será?

    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…



Visualizações

Contando...

Dias online
Postagens
comentários