Nube de etiquetas en Blogger con CSS


Lo primero es saber que Blogger inserta automáticamente (por defecto), al añadir un gadget de etiquetas tipo lista (no nube).
Para personalizar las etiquetas con CSS y quede así



  1. Debemos tener configurado el Gadgets de la siguiente forma:




Luego debemos ir a Plantilla, Personalizar y llegaremos hasta el diseñador de Plantillas, una vez allí nos vamos abajo del todo en donde dice Avanzado, abajo del todo encontrarán una opción que dice añadir CSS, en ese recuadro van a añadir lo siguiente:


/*-Nube de etiquetas-*/
.Label a{
padding-left:10px;
background:#E15F28;
padding:0 10px;
color:#fff!important;
height:26px;
line-height:26px;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;
t: 30pxt: 30px;
float:left;
margin-left:1px;
margin-top:1px;
font-size:13px;
}
.Label a:hover{
background:#69625A;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: px;
}


Para cambiar el color del fondo de las etiquetas tendremos que cambiar en los valores background:#E15F28; y background:#69625A

2 comentarios:

  1. Hola,He seguido los pasos tal y como aparecen aqui,para que mis etiquetas aparezcan con la forma pero no me funciona,no se si esque he hecho algo mal,pero he repetido la operacion varias veces y sigue sin funcionarme,gracias!.

    .Sonia.

    ResponderEliminar
    Respuestas
    1. Intenta de nuevo el código es el correcto no olvides que tienes que
      ir a Plantilla, Personalizar y llegaremos hasta el diseñador de Plantillas, donde dice Avanzado,añadir CSS en ese recuadro añadir el código

      Eliminar

✭¡Anímate a comentar! ♥Tu opinión es muy importante para mí♥