MIZ TUTOZ : PERDONEN EL KAOS...... BLOG EN CONSTRUCCION...

viernes, 20 de agosto de 2010

Mostrar solo titulos de las entradas

Para aplicar este efecto, es necesario aplicar las nubes de etiquetas en el blogger, esto lo podemos añadir en los gadget.
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