Etiquetas y archivos en forma de "falsa nube"

Si tienes demasiadas etiquetas en tu blog, puede pasar que la lista sea tan larga que haga que también se alargue en exceso la sidebar.
Usando este sencillo truco, podemos conseguir que las etiquetas se muestren con efecto "nube". Aquí veis un ejemplo del "antes" y "después".



[1]Una vez hemos añadido el elemento "Etiquetas" en la sidebar, buscamos esta parte del código en nuestra plantilla con los artilugios expandidos, y eliminamos lo que está en negrita:

<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>


[2]Para conseguir el mismo efecto con los archivos del blog, antes hemos de escoger el mostrarlo en opción "lista" y eliminamos los <li> </li> que estarán debajo de esta línea de código:
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog'>

0 comentarios:

Publicar un comentario