Lorem Ipsum Dolor .......

Lorem ipsum lorem ipsum lorem ipsum lorem ipsum.......

Post expandibles para el Blog.

Hola, algunos de ustedes, se habran perguntado como hacer este truco de post expandibles pues es facil solo sigan los siguientes pasos:

1.- En nuestro HTML antes del /head pegamos el siguiente codigo:


<script type='text/javascript'
src='http://www.anniyalogam.com/widgets/hackosphere.js' ></script>


2.- Ahora expandimos los artilugios y buscamos el siguiente codigo:

<b:includable id='main' var='top'>
<!-- posts -->
<div id='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>


3.- Encima de este codigo pegamos el siguiente:

<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr>
<td width='40px'>
<a href='javascript:void(0)' title='Expand/collapse this post' style='text-decoration:none' expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"'>[+/-]</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>


4.- Ahora buscamos el siguiente codigo:

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>


5.- Y encima de este pegamos el siguiente:

<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>


Y listo :P .

5 comentarios:

Miranda dijo...

A ver si puedes echarme una mano, Andrés.
He seguido todos los paso que tú haces y sí, me salen los post expandibles,pero al terminar el post entero!!! (acércate por mi blog, y compruébalo).
¿cómo hago ahora para que no salgan más que los títulos? ¿he de borrar algo, me he comido algún paso?

Gracias.

Miranda dijo...

Bueno, ya lo arreglé.
Me había quedado suelto un < b:if include data='posts'name='post' >
suelto justo antes del código del paso 3 (por si a alguien le sirve...).

PaMe26-OcIo dijo...

Que hago ..cuando guardo me sale esto:

No hemos podido guardar tu plantilla
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The element type "b:widget" must be terminated by the matching end-tag "".

qUE HAGO..

En los pasos 4-5 no sale literalmente esos codigos

Talquino dijo...

tengo la plantilla Blogy-illacrimo, me gustaria que me dieras los pasos para hacerlo en mi blog
GRACIAS

juanma dijo...

me funciona perfecto! pueden verlo! bloggerxero

gracias un saludo!

Publicar un comentario