Hacker of the Web
Tus ideas en código!...y mas

Añadir miniposts en el Blog

Seguro que ya haz visto alguna vez minimo, el tipico mensaje de 'Leer Mas', que muestra solo la primer parte del post. Pero ¿cómo hacerle para mostrar un resumen de verdad, es decir, algún tipo de doble entrada y que el segundo minipost se muestre solo la página de la entrada y el primer minipost en las demás?


Solo es cuestión de añadir en la entrada dos etiquetas clave, de las cuales, la primera encerrará al primer minipost(resumen), y la segunda, encerrará al segundo minipost(entrada real).

Y es que, en algunas ocasiones publicamos entradas grandísimas que nos ahorraría un poco de espacio en las páginas de búsqueda, principal o en las de etiquetas, si agregáramos un resumen mas atrayente que solo la primer parte de la entrada.

Por que, supongamos que publiqué una entrada gigante de las Chivas de Guadalajara, digamos que es un resumen del encuentro, y esta grandísimo. Ahora lo publico y tengo que ocultar una parte, pero si en vez de esa primer parte muestro otro resumen mas atrayente, es decir algo como "Las Chivas rayadas de Guadalajara acaban de golear al América, entra aquí para ver el resumen del partidaso!!" y lógico que en la página de la entrada no vas a mostrar eso, por que se supone que ya vas a haber entrado. No ahí se mostrará ya la entrada del resumen del partido.

Se supone que para esas situaciones fue diseñado este Hack, disfrutenlo que fue un poco molesto de desarrollar. Funcionará de la siguientes maneras:

Para publicar la entrada con los dos minipost, es decir, que se muestren entradas diferentes en las páginas del blog, que en la página de la entrada. En la entrada debes agregar lo siguiente:
<span class='resumen'>Aqui solo estaría el resumen, que este solo se mostrara en las páginas que no sean la página de la entrada</span>
<span class='fullpost'>Esta sería la entrada que se muestre en la página de la entrada</span>
Lo cual dará como resultado en la página de la entrada:

entrada con resumen y fullpost

Y en las demás páginas se mostrará otro contenido que atraiga a tus lectores:

entrada con resumen y fullpost en principal



Además si ya habías aplicado el truco del 'Leer mas', esto no afectará a las entradas con el truco, incluso puedes utilizarlo en las entradas que quieras de la siguiente manera:
Aquí estaría el resumen normal, el que todo mundo conoce, el que se muestra en la página principal del blog y también en la página de la entrada <span class='fullpost'> Aquí estaría la entrada completa</span> 
En la página de la entrada se mostrará todo el contenido:

entrada con fullpost

Y en las demás páginas solo la primer parte de la entrada:

entrada con fullpost en principal



Y si decidieras publicas una entrada sin ningun hack, la entrada se publicará tal cual es, sin el enlace de 'Leer mas':
Aqui solo estará la entrada normal
Y la entrada se mostrará de la misma manera en la página del post y en las demás:

Entrada limpia



[1] Para agregar el Hack, solo debes entrar en Diseño>Edicion HTML>expandir las plantillas de artilugios y agregar el siguiente código antes de la etiqueta </head>:
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>.resumen{display:none;}</style>
<b:else/>
<style type='text/css'>.fullpost{display:none;}</style>
<script type='text/javascript'>
function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].className == 'resumen') {
found = 1;
}
if (spans[i].className == 'fullpost') {
if (found == 1) {
spans[i].style.display = 'none';
}
else {
spans[i].style.display = '';
found = 1;
}
}
if (spans[i].className == 'leermas') {
if (found == 0) {
spans[i].style.display = 'none';
}
}
}
}
</script>
</b:if>


[2] Y sustituir <p><data:post.body/></p> o si no <data:post.body/>, por lo siguiente:
<div expr:id='&quot;post-&quot; + data:post.id'>
<data:post.body/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<span class='leermas' id='leermas'><a expr:href='data:post.url'>...Leer entrada</a></span>
<script type='text/javascript'>
checkFull(&quot;post-<data:post.id/>&quot;);
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

/!\ Es importante que si ya utilizas el truco del 'Leer mas' o algo por el estilo, lo quites del blog antes de agregar este otro!!.

#

Deja tu huella y comenta!

Hola!, por favor deja tus comentarios, te aseguro serán contestados, dudas, sugerencias, lo que sea!!!!!!!!!!.

Si el formulario no funciona, o quieres irte a la segura: agrega tu comentario de forma tradicional

Si necesitas ayuda mas personalizada deja un <a href='URL'>ENLACE</a> hacia tu blog.

Emoticons
Comenta con tu:
Comenta:

Sé el primero y comenta !


Página Principal
Arriba