Modelo para personalizar os marcadores do blog- fácil e lindo! - * Blog Elaine Gaspareto *

Modelo para personalizar os marcadores do blog- fácil e lindo!

Publicado em 25/04/2018


Você, como eu, tem muitos marcadores no blog e quer um jeito de destacar os mais relevantes e que não ocupe espaço demais?
E que seja bonito, e fácil de fazer?
Então vem comigo que vou te mostrar um jeito simples e prático de personalizar a lista de marcadores do blog.
Vai ficar assim, depois de pronto:


Demonstração do tutorial


Para começar instale o gadget Marcadores no blog e selecione os que deseja exibir. Marque a opção Cloud.
A seguir posicione o gadget onde deseja que ele fique e salve as alterações.
Abra de novo o gadget, como se fosse edita-lo, e veja o ID dele.
Será algo como Label1, ou Label2 caso tenha mais de um gadget Marcadores instalado.
Guarde esse ID.

Agora clique em Tema, no painel do blog 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> e tecle Enter para localizar.
Acima dessa tag de fechamento cole o CÓDIGO CSS


Copiar o código


No campo onde você vê Label1 troque pelo ID do seu gadget.
Salve.
Está feito!

Dicas extras para personalizar os marcadores do blog


1- Para alterar a cor de fundo dos marcadores, a cor de fundo em estado hover, a cor, tipo e tamanho da fonte é tudo no CÓDIGO CSS.

2- Eu deixei, como você viu, 2 opções: a primeira coloca os marcadores lado a lado, em 2 colunas e a segunda coloca-os em uma coluna só.
Em ambas tem a barra de rolagem, que vai aparecer sempre que o gadget tiver altura superior a 200px.
Isso pode ser alterado, está marcado no código.

3- Dá pra usar quantos gadgets Marcadores quiser; no blog de testes mesmo eu uso vários.
O lance é prestar atenção ao ID, mas isso eu explico no vídeo abaixo.
Aperta o play e veja a execução do tutorial, além das dicas extras!
Enjoy!









2 comentários via Blogger
comentários via Facebook

2 comentários:

  1. Really great post, Thank you for sharing This knowledge.Excellently written article, if only all bloggers offered the same level of content as you, the internet would be a much better place. Please keep it up!
    dissertation Writing Service

    ResponderExcluir
  2. Good post. I found a lot of necessary info here. Your article is really great. torrents

    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…