Menú para etiquetas

Hey babies! Ahora sí que cuesta hacer entradas... y no por falta de ganas, sino por culpa del calorazo que está azotando todo el país, está pasando por aquí una ola de calor que... 🥵 send help!. No quería empezar el post diciendo eso, sino que, como veis, he modificado un poco el blog, necesitaba cambiar algo porque si no me aburro XD. He cambiado los colores (si tenéis problemas con el azul clarito, decídmelo y lo cambio sin problema), he hecho un header que está a la derecha en vez de arriba y he añadido un widget de suscripción por email si os apetece seguir el blog (Feedburner ya no funciona... 💩). Espero que os guste 😁.

Hoy, como veis en el título, traigo un tutorial de cómo personalizar el gadget de etiquetas, es bastante simple, pero queda muy bonito, ya veréis. Let's go!

Ejemplo

1. Tenemos que haber creado el gadget de Etiquetas y dejarlo tal cual la imagen:

2. Luego vamos a Tema > Personalizar > Editar HTML y buscamos ]]></b:skin> y justo encima colocamos el siguiente código:

.label-size span, .label-size a {
padding:3px 6px;
margin: 2px;
background: #f1f1f1;
display: inline-block;
font-size: 8px;
border-radius:3px;
box-shadow: inset 0 0 13px #ccc;
text-transform: uppercase;
font-family: Karla;
color: #000;
}

.label-size span, .label-size a:hover {
background: #ffbdbd;
color: #fff;
box-shadow: inset 0 0 13px #f28c8c;
text-transform: uppercase;
}

Todo lo que está en negrita se puede modificar. Luego le damos a guardar y listo!