Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Entradas expandibles en tu blog [+/-]

Con este truco que te voy a enseñar, te será más cómodo encontrar lo que necesitas en un blog, además, es más cómodo de leer :-D (lo puedes comprobar poniendo "trucos" por ejemplo en mi buscador)

Los signos [+/-] son para expandir la entrada del post y poder verla y recogerla cuando quieras, lo bueno es que la podemos seguir viendo "entera" simplemente haciendo click en su título...

Diseño>edición HTML>expandimos artilugios

Busca el código </head> y a continuación añade este 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>

<script src='http://sites.google.com/site/scriptsbalcon/b/blpostsexpandibles.txt' type='text/javascript'/>

Ahora tienes que pegar lo que te muestro 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.pageType != "static_page"'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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/>
<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>

Guarda la plantilla una vez hayas terminado. Accede a una etiqueta concreta para comprobar que, los artículos agrupados en dicha categoría, se muestran 'en expandible'.

Andre dice...

Jaime: yo puse el truco +/- pero los +/- no salen alineados es como si se acomodaran depende el titulo, osea no estan todos en una misma línea.
Otra cosa si quiero colocar el borde a los titulos pero no el titulo centrado se me pega mucho la letra al borde como hago? no se si es la plantilla que ya me está complicando todo
Saludos y espero que me puedas ayudar!!!

Jaime Trujillo Escobedo dice...

Hola Andrea, a mi me pasaba lo mismo en mi blog con algunos títulos con eso del borde, tuve que cambiar de plantilla, aunque si quieres eso no te hará falta, puedes hacer que este centrados buscando en la etiqueta post title, o content title y busca (si no tiene añade) el padding: 0px; y pones el padding a la medida exacta para que quede todo bien alineado, lo del truco de +/- eso debe de ser por algo parecido, mira en la línea margin de post title, o en la de padding, e intenta cambiar los valores hasta que se centren, a mi me funcioné con esta plantilla, bueno espero que te sirva, si no me preguntas lo que quieras ok? saludos! :)

Andre dice...

Jaime ya pude alinear +/-, ahora me falta el borde de los titulos no tengo nada que diga post tile, o content title se lo podré agregar ???
Gracias por tu ayuda

Jaime Trujillo Escobedo dice...

Hola Andrea, me alegra mucho que pudieses alinearlo, claro que puedes poner borde si no tienes la etiqueta post title, puedes mirar en la parte del CSS que explica el post, puede estar señalado como content, content title, post, post h2, y prueba a añadir esta línea : border 1px solid; por ejemplo en cada uno de esos bloques y ve haciendo vista previa para coprobar que te sale bien. Lo vas añadiendo en un bloque por ejemplo, y si no es lo que querias, borras la línea y lo pones en otro bloque. Espero que te salga bien, de todas formas si tienes cualquier duda o pregunta, que sepas que simepre te intentaré ayudar!!:) te deseo un buen fin de semana :) saludos ;)

wawasub (Gran Canaria) dice...

Eres un crak,gracias a tu blog, he logrado poner el expandible y me encanta.
muchiiiiiiiiisimas gracias

Jaime Trujillo Escobedo dice...

Hola wawasub! cuánto me alegra que lo hayas podido poner! :-D es un truco genial, la verdad es que a mí también me encanta :-D si necesitas cualquier otra cosilla, aquí estaré :-D

Nathan yo dice...

Mil gracias tu código me ayudó mucho aunque lo tuve que cambiar un poco, pero eres un master :D

Jaime Trujillo Escobedo dice...

Global Metion Blog, me alegra que te sirviese de ayuda, es un truco bastante cómodo :-D

Anónimo dice...

hola muy buenas, intnçente hacer lo que dice aqui pero al momento de guardar la plantilla me dice que no se han cerrado bien algo o hace falta agregar algo . ayudame

Jaime Trujillo Escobedo dice...

Anónimo, prueba a realizar el truco de nuevo. Edité el código y al parecer no muestra error alguno.

Inés dice...

Estimado Jaime, a ver si me puedes ayudar, he aplicado lo que explicas en estas entrada, y mira consigo que las entradas estén comprimidas, pero también me aparecen comprimidas en la página principal y desearía que esto no fuese así. Quisiera como las tienes tú, comprimidas cuando vas a una etiqueta. No sé si me explico correctamente. Muchas gracias de antemano.

Jaime Trujillo Escobedo dice...

Inés, el código ha sido editado. Prueba a reaizar el truco ahora ya que al parecer había una línea en otro orden.

Anónimo dice...

a ya lo solucione gracias vale

Jaime Trujillo Escobedo dice...

Perfecto entonces, Cristian.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo