Dividir el gadget de las etiquetas en dos columnas


Para dividir el gadget de las etiquetas de nuestro blog de Blogger en dos columnas.

Lo primero que debemos hacer es 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 el siguiente código CSS:

#Label1 ul li{
float: left;
width: 45%;
}

Si lo que quieren es dividir las etiquetas del blog en tres columnas.


#Label1 ul li{
float: left;
width: 33%;
}

Pueden añadir otros efectos combinados como:



/*---Etiquetas en dos columnas-------*/
#Label1 ul li{
float: left;
width: 45%;
list-style: none;
border:none !important;
}
#Label1 a {
background: #0089e0;
color:#fff!important;
background: #0089e0;
text-decoration:none;
text-transform:uppercase;
margin-left:5px;
margin-top:5px;
font-size:14px;
display:inline;
display: block; /*creamos el bloque*/
padding:5px 2px;
}
#Label1 a:hover{
background:#69625A;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius:10px;
text-decoration:none;
}


Así le abran dado algo de estilo al gadget de etiquetas del blog en Blogger.



No hay comentarios:

Publicar un comentario

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