Dividir las etiquetas en dos columnas en Blogger





Lo primero es saber que Blogger inserta automáticamente (por defecto), al añadir un gadget de etiquetas tipo lista (no nube).

Quedando así:

Arte
Poemas
Cuentos
Blogger
Blogger II
Blogger III



Para obtener algo similar a esto



Se requiere sólo del uso de las propiedades CSS

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 lo siguiente:
.list-label-widget-content ul {
width: 100%;
margin: 0;
padding: 0;
font-size: 14px;
line-height:14px;
-moz-column-count: 2; -moz-column-gap: 10px;
-webkit-column-count: 2; -webkit-column-gap: 10px;
column-count: 2; column-gap: 10px;
}
.list-label-widget-content li a {
display: block;
margin: 0;
padding: 2px;
color: black;
}
.list-label-widget-content li a:hover {
background-color: grey;
color: white;
text-decoration: none;
}
.list-label-widget-content li span {
background-color: #666666;
}
Le dan a aplicar al blog y listo.

*Se pueden añadir otros efectos combinados que darían lugar a lo que ven hoy día aquí.


No hay comentarios:

Publicar un comentario

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