Categorias do blog em formato Dropdown - Elaine Gaspareto- Dicas para blogs e inspirações para a vida

Categorias do blog em formato Dropdown

Publicado em 26/02/2020

Categorias do blog em formato Dropdown
Quem tem blog já sabe: pequenas coisas podem fazer uma grande diferença na organização do layout, na economia de espaço e na apresentação dos elementos de página do blog.
Eu, por exemplo, curto muito personalizar gadgets para economizar espaço de exibição e manter a organização melhor.
E um dos gadgets que dá pra personalizar das formas mais variadas é o gadget Marcadores, nativo do Blogger. Inclusive tem algumas opções aqui no blog:
Hoje quero te mostrar esse:

Demonstração do tutorial



É bem simples, basicamente 2 passos apenas, e pode ser personalizado como desejar, mudar cor de fundo, enunciado do gadget, fonte, etc...
Vamos trabalhar?
Para começar acesse a página com os códigos que vamos usar:

Copiar o código


Agora acesse o painel administrativo do blog onde deseja testar a personalização.
A seguir clique na aba Tema, depois clique no ícone dos 3 pontinhos que aparece à direita, no alto da página.
Aí selecione Editar HTML.
Dentro da página que expandir tecle Ctrl+F e na barra de busca que expandir digite ]]></b:skin> e tecle Enter para localizar.

Tecle Enter para localizar.
Acima de ]]></b:skin> cole o CÓDIGO CSS.
Nesse código você altera coisas como cor de fundo, fonte, etc...
Ajuste como preferir e depois de pronto salve.
Claro, você pode editar posteriormente, se preferir.

Agora vamos ajustar o código do widget!
Localize, usando a barra de busca:
<ul>
  <b:loop values='data:labels' var='label'>
Selecione assim:
Substitua o trecho selecionado pelo CÓDIGO DE AJUSTE.
Altere a frase Selecione a categoria pela frase/chamada que desejar e salve.
Está pronto!
Facinho demais, né?





Nenhum comentário:

Postar um comentário

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.
Deixe sua pergunta ou solicitação sempre nos comentários, eu infelizmente não tenho como responder pedidos de ajuda por email.
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…