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

Tempo de leitura:


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!









4 comentários via Blogger
comentários via Facebook

4 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
  3. Infelizmente não funcionou no meu blog...tentei de varias formas, mas não deu certo.

    ResponderExcluir
  4. Oi Eliane bom dia eu coloquei o seu templaide e gostaria de saber como editar obrigada

    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…