Personalizar os marcadores da postagem e do widget

Para facilitar a navegação em seu blog, postagens com marcadores facilitam e muito a navegação de seus leitores, porém, o modelo padrão de marcadores do Blogger pode deixar seus leitores um pouco confusos, então personalizá-los é uma boa maneira de facilitar a navegação deles.

Marcadores da Sidebar

1 Vá em Tema > Editar HTML > Clique na caixa de códigos e aperte Ctrl + F ou F3 > Procure por ]]></b:skin> > Cole o código a seguir acima:
#Label1 li a { color: #FFF; background: #000; padding: 3px 5px; list-style: none; text-decoration: none; } #Label1 li a:hover { background: #333; color: #FFF; } #Label1 li a, #Label1 li a:hover { -moz-webkit-transition-duration: .5s; -webkit-transition-duration: .5s; transition-duration: .5s; } #Label1 ul { list-style: none; margin: 0px; padding: 0px; } #Label1 li { margin-bottom: 2px; display: inline-block; }
2 Faça as alterações necessárias.

3 Salve.

Marcadores das Postagens

1 Vá em Tema > Editar HTML > Clique na caixa de códigos e aperte Ctrl + F ou F3 > Procure por ]]></b:skin> > Cole o código a seguir acima:
.post-labels a { color: #FFF; background: #000; margin: 3px; padding: 3px 5px; text-decoration: none; } .post-labels a:hover { background: #333; color: #FFF; } .post-labels a, .post-labels a:hover { -moz-webkit-transition-duration: .5s; -webkit-transition-duration: .5s; transition-duration: .5s; }
2 Faça as alterações necessárias.

3 Salve.

7 comentários, comente também!

  1. Adorei o tutorial Alan, muito bom *-*

    www.whatnae.com ♡

    ResponderExcluir
  2. Como é que fica? Estou com medo de fazer e não gostar o.o
    beijos
    http://sublimar-me.blogspot.com

    ResponderExcluir
  3. sabe eu quero que as palavras fiquem em cima de uma determinad imagem é possível.

    ResponderExcluir
  4. Olá Alan, tudo bem? Passando para agradecer a ótima dica de persoanlização dos Marcadores. Deu certo em meu blog. Essas orientações são valiosas para quem está começando no mundo da blogosfera, como eu. COntinue com esse sucesso. Ah gostei de seu blog, já ganhou um seguidor. Um grande Abraço.

    ResponderExcluir

• Peça tutoriais em 'Contato'
• Comente com o link do seu blog para que eu posso visita-lo
• Você pode usar as Tags negrito, itálico, links...