Entradas expandibles

Esta es una manera cómodo de encontrar lo que buscamos y haciendo la navegación más rápida ya que no ves la nota entera hasta que no le des click al título.
Lo acabo de implementar, podés verlo dando click en cualquiera de los items en la nube de etiquetas que está como Notas en la sidebar.
Los signos +/- son para expandir la entrada del post, o simplemente le hacés click al título.

Es importante que siempre antes que hagas un cambio en la plantilla guardes una copia, por si el truco no te funciona o no te gusta puedas volver a lo que tenías.
Nada es infalible...^_^

Aquí va la explicación:

Nos situamos en Plantilla/Edición de HTML/Expandir artilugios y buscamos el código </head> y agregamos:

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

Ahora ubicamos el codigo en negro, y lo cambaimos por el que está en rojo:


<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 pronto, guarda los cambios y ya está pronto. Suerte !
Fuente Gem@
Seguir Leyendo...[+/-]