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.