Titulos de porst expandibles en etiquetas

Si te has fijado cuando seleccionas una opsion en las etiquetas de este blog no se mustran los post (entradas) completos solamente el titulo, bueno pues eso es loque te voy a explicar ensegida.

Para que los post (entradas) de las etiquetas solo se vea el titulo tienes que segir los sigientes pasos:

1º entramo en diseño, edision HTML y antes de </head> añadimos el sigiente codigo:

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

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

2º En el paso 2 tendremos que buscar el texto que les muestro escrito en negro y añadir justo como se muestra en la ensegida lo que se encuentra en azul:


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





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



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

y eso es todo.