Pero para que la nube de etiquetas tenga efecto necesitamos haber etiquetado nuestras entradas.
El tutorial es algo extenso, porque para evitar confusiones lo he dividirlo en 4 pasos:
Primer paso :
1. Ir a Diseño, Edición de HTML, activar Expandir Artilugios
2. Buscar
</head>
(No olvides Buscar usando control F )
3. Pega antes de
</head>
lo siguiente:
<script type='text/javascript'>
function toggleIt(id) {
post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else {
post.style.display = '';
}
}
</script>
<script src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/Expandibles.js" type="text/javascript">
</script>
Segundo Paso:
Aun no hemos cerrado edicion HTML y seguimos con los artilugios expandidos.Activar buscar (control F)
1. Buscamos el siguiente codigo(Copia y pega todo este codigo en el buscador)
<b:includable id='main' var='top'>
2.una vez que encuentres este codigo, ENCIMA Pegas esto:
<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr><td width='40px'>
<a expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"' href='javascript:void(0)' style='text-decoration:none' title='Desplegar esta entrada'>[+/-]</a></td>
<td><h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3></td></tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>
Tercer Paso:
Aun no hemos cerrado edicion HTML y seguimos con los artilugios expandidos. Activar buscar (control F)
1. Buscamos el siguiente codigo(Copia y pega todo este codigo en el buscador)
<b:include data='post' name='post'/>
2.Una vez que encuentres este codigo, ENCIMA Pegas esto:
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:include data='post' name='PeekABooPost'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
Cuarto paso:
Aun no hemos cerrado edicion HTML y seguimos con los artilugios expandidos. Activar buscar (control F)
1. Volvemos a buscar el siguiente codigo(Copia y pega todo este codigo en el buscador)
<b:include data='post' name='post'/>
2.Una vez que encuentres este codigo, DEBAJO Pegas esto:
</b:if>
3. Guardar los cambios y veras los resultados cuando haces click sobre la nubes de etiquetas del blog o en la etiqueta de ver todas las entradas.
Fuente:
http://ciudadblogger.com/
http://elescaparatederosa.blogspot.com/2007/04/ttulos-expandibles-en-los-post-de-las.html
No hay comentarios:
Publicar un comentario