Muestra las etiquetas recogidas con el símbolo [+/-]para que no ocupen mucho espacio si son numerosas. Aquí se muestra un efecto muy simple; los hay más modernos.
(Al pinchar las etiquetas aparecerán expandidas debajo y volviendo a pinchar en el símbolo, se ocultan.)
1. Diseño>Edición de HTML>sin expandir artilugios
2. Control+F y buscamos: <b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
3. Sustituimos esa línea por el código:
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:left;margin-right:5px;">');
//]]>
</script>[+/-]
<script type='text/javascript'>
//<![CDATA[
document.write('<\/a>');
//]]>
</script>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>
<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>
</li>
</b:loop>
</ul>
<script type='text/javascript'>
//<![CDATA[
document.write('<\/div>');
//]]>
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
4. "Vista Previa" y si todo está correcto "Guardar Cambios".
► Te puede interesar:
- Expandir entrada con el post footer incluído
- Expandir entradas en página principal - home
- Listado títulos de entradas en página de etiquetas
- Intentar ver un número determinado de entradas en las anteriores y antiguas
- Mostrar y ocultar cualquier cosa con script simple
- Etiquetas expandir y recoger con script simple
- Archivos Feed expandir o contraer con script simple
- Fórmula simple de contraer o expandir un gadget
- Expandir un post de forma simple
• Con JavaScript con script.aculo.us o prototype - Clásico
• Expandir o recoger un gadget con Scriptaculous - moderno
• Expandir y recoger parte de una entrada con Scriptaculous
• Expandir post con efecto deslizante con javascript
