Personalizando o Gadget de marcadores

Precisei parar por uns dias recebi um proposta para modificar um template de humor por isso o blog dicou desatualizado nas ultimas semanas, mas estamos de volta e a principal função do TB é ajudar aos leitores a deixar o blog como deseja, e hoje não será diferente, já mostrei duas versões de estilos para marcadores como pode conferir nos artigos abaixo.

1. Dar estilo no gadget de marcadores do blog
2. Dar estilos ao gadget marcadores do blog (Vesão 2)

Essa versão é mais elegante que as anteriores com a ultilização do CSS3. o modelo padrão do blogger tem um visual muito antigo por isso devemos aplicar as técnicas mais recentes.

 

1º- Clique em Editar HTML e expandir modelos de widgets.

2º- Aperte Ctrl + F e procure por ]]></b:skin> e cole antes o seguinte código.

/*--- TB Custom Label Cloud With CSS3 --- */
.Label a{
padding-left:20px;
background:#000;
padding:0 20px;
color:#fff!important;
border-radius:100px;
-moz-border-radius:100px;
height:32px;
line-height:32px;
text-transform:uppercase;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:5px;
margin-top:5px;
font-size:14px; }

.Label a:hover{
color:#000 !important;
background:#ff0; }

 Agora basta salvar só não esqueça de comentar