Hacktime

Que seria de la web sin este blog

::Vista de posts expandibles en las entradas::

Posted by yaju en mayo 24, 2007

::Vista de posts expandibles en las entradas::

.
Es otro mas de los hack secretos que tengo implementado en mi blog, el siguiente hack nos ayuda a mejorar la experiencia del usuario. La idea es mostrar solo el titulo del post pero tambien provisto de un [+/-] para poder expandir y leer el post.

Nos dirigimos a:

Plantilla–Edición de HTML–Expandir plantilla de artilugios

Buscamos este código </head> y colocamos el siguiente codigo antes:

<script type=’text/javascript’
src=’http://www.anniyalogam.com/widgets/hackosphere.js&#8217; ></script>

Ahora tu necesitas buscar el codigo que se encuentra con negro y añadir las partes que se sobresaltan con 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>

Guardamos cambios y listo.

No olvides dejar tus comentarios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

 
A %d blogueros les gusta esto: