martes, 1 de julio de 2008

Resumen en BLOGGER

Siempre me he preguntado ¿Porque los Blog no traen en su configuración predeterminada una opción de resumen de los articulos? , Esto para no tener que darle a la rueda del ratón hasta q se te cansa la mano... y como no soy programador de paginas, y ademas queria hacerlo rapido, le he preguntado a un compañero que si es programdor (ademas su blog esta configurado de esta manera)... total que cuando me he dado cuenta, me ha dejado el Blog hecho una porqueria, el muy inutil no me termino de ayudar porque no se acordaba de donde habia sacado la información jejeje (saludos chechoman acuerdate de documentar en el Blog)...

... despues de esto, me he puesto a leer en internet que es lo mas sabio que puedes hacer antes de preguntarle a alguien, y consulte con el mejor consejero de la red, el Señor Google.

Esta info que esta bien buena y concisa la saque del siguiente BLOGGER.

http://mentoliptus.blogspot.com/2007/02/resumen-expandible-2007.html

y si no lo consiguen pues tambien lo pueden leer aca como lo entendí y me funcionó; esto me funciona para Blogger... averiguen para los demas...



Antes de todo nos descargamos la plantilla que tenemos actualmente, luego en la personalización del Blog la pestaña Diseño el link Edicion de Html se muestra el codigo del Blog, luego se marca la casilla Expandir plantillas de artilugios o en ingles Expand Widget Templates luego buscas la etiqueta de cerrado </b:skin>:

y despues de esta se coloca el siguiente codigo

<style id='mystyle' type='text/css'>
/* ----- resex ----- */
<b:if cond='data:blog.pageType != "item"'>
span.fullpost {display:none;}
<b:else/>
span.fullpost {display:block;}
</b:if>
.more {display: none;}
span.fullpost+span.more {display: inline;}

</style>

Luego buscamos la etiqueta div que tenga como clase el valor "post-body" y justo debajo, antes de la etiqueta que cierra, entre las etiquetas <p><data:post.body/> y la etiqueta </p> agregamos lo siguiente:

<!-- mycode resumen expandible -->

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<span class='more'>
<a expr:href='data:post.url'>Continua...</a>
</span>
</b:if>

Guardamos la plantilla y verificamos que todo quedo ok

Luego seleccionamos en el Pestaña, Configuracion link Formato y al final existe una casilla llamada plantilla de entrada ahy colocamos lo siguiente

<span class='fullpost'></span>

Esto se colocara cada vez que coloques una entrada.

En el cuadro de Edicion de la nueva entrada, todo lo que se coloque antes de las etiquetas se mostrará en la página principal y en archivos de la bitácora, y lo que este dentro de las etiquetas texto dentro del párrafo anterior será reemplazado por un enlace al archivo individual donde podrás leer el escrito completo.