Antes de incluir este efecto, deberemos pensar si nuestra sidebar tiene la suficiente anchura para permitir que el nuevo diseño se muestre como esperamos, no quedará bien en una sidebar demasiado estrecha.
[1] En primer lugar hemos de añadir el gadget de Etiquetas de Blogger, si aún no lo tenemos incluido en el blog.
[2] Ahora no tenemos más ir a Edición HTML y que añadir un poco de código CSS antes de la etiqueta ]]></b:skin> de nuestra plantilla:
#Label1 ul li{
float: left;
width: 45%;
}
Notas:
Si cambiamos el width por un valor menor y dependiendo siempre del ancho disponible, conseguiremos más columnas.
Si tienes más de un gadget de Etiquetas añadido en el blog, dependerá de la id del gadget al que quieras incluir el efecto, el cambiar en el código CSS el Label1 por Label2 o la id del gadget concreto.
Visto en: Chica Blogger
[1] Añadimos el gadget de etiquetas si no lo hemos hecho antes.
[2] En Edición HTML marcamos la opción de expandir las plantillas de artilugios y localizamos la primera línea del gadget de Etiquetas:
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
Algo más abajo y dentro del mismo código del gadget, encontraremos una línea de código como esta:
(<data:label.count/>)
Sustituimos esa línea por este código:
(<b:if cond='data:showFreqNumbers == 0'>
entradas
<b:else/>
<b:if cond='data:label.count == 1'>
1 entrada
<b:else/>
<data:label.count/> entradas
</b:if>
</b:if>)
Por supuesto que la palabra que añadamos puede ser la que mejor se adapte a nuestras necesidades y deberemos colocarla en el código en sustitución de "entradas".
Ha de incluirse tal como en el código, es decir, dos veces en plural y una en singular.
Visto en: El Balcón de Jaime
0 comentarios:
Publicar un comentario