La formación inicial se compone de Edu D. (elEdu), Hugo P. (Grafo), Hernan G. (PIC), Carli C. (Calito), con la participación especial de
Jorge V. (El Alquimista) y Raúl D. (RD), pero esperamos seamos mas. En este partido como en los partidos de la vida hay alegrias, tristezas, polemicas, amores, desamores, cambios y transformaciones, seria un placer que participes de ellos junto a nosotros..

......Tu comentario es bienvenido!! (gracias)...........
Queremos recibir tus aportes y sugerencias a: correomanoinquieta@gmail.com

miércoles, 19 de enero de 2011

Como acortar una entrada de Blog

O “Leer más…” en Blogger.
Lo que vamos a hacer pertenece al lenguaje HTML. HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web o Blogs. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>).
Si tenes entradas muy extensas en tu blog y queres mostar solo una parte de ellas en la página principal, hay un truco. Esto le da otra visual al Blog, pudiendo tener “textos introductorios” de las distintas entradas y evitar largos “choclos” de texto haciendo difícil encontrar alguna entrada que buscamos.

Lo primero que debemos hacer es modificar la plantilla, vamos a “Diseño -> Edición de HTML -> Editar plantilla”, como siempre antes de realizar cualquier cambio realiza una copia de seguridad. Debes “Expandir plantillas de artilugios” y localizar el texto siguiente:
 <div class='post-body'>

Una vez localizado incluye debajo el siguiente código:
 <b:if cond='data:blog.pageType == "item"'>
 <style>.fullpost{display:inline;}</style>
 <p><data:post.body/></p>
 <b:else/>
 <style>.fullpost{display:none;}</style>

Una vez hecho sólo tienes que localizar el siguiente texto: <data:post.body> y añadir justo después:
 <a expr:href='data:post.url'>Leer más...</a>
 </b:if>


El resultado final debería ser el siguiente:

 <div class='post-body'>


 <b:if cond='data:blog.pageType == "item"'>
 <style>.fullpost{display:inline;}</style>
 <p><data:post.body/></p>
 <b:else/>
 <style>.fullpost{display:none;}</style>


 <p><data:post.body/></p>

 <a expr:href='data:post.url'>Leer más…</a>
 </b:if>

 <div style=’clear: both;’/> <!– clear for photos floats –>
 </div>


En rojo está lo que añadimos. Ahora sólo tenes que guardar la plantilla.

Para acortar la entrada, hay que añadir lo siguiente (sera lo que la entrada muestre antes del “Leer más”).
Para esto sólo tenes que escribir el texto inicial y el resto encerrarlo dentro de:
 <span class="fullpost"> <---Segunda parte del texto ---> (texto oculto) </span>

De manera que, si en el área de creación de entradas de Blogger escribieras lo siguiente:
Texto inicial
 <span class="fullpost">
Texto secundario
</span>

En tu blog aparecería lo siguiente:
Texto inicial
Leer más…
Y al pinchar “Leer más…” aparecería, “Texto Inicial” seguido de “Texto secundario”.

Para mis compañeros de Blog, que a esta altura deben estar un poco mareados, el primer trabajo esta hecho. Asi que lo que tienen que hacer es: una vez que tienen lo que escribieron, poner entre las palabras <span class="fullpost"> y </span> (solapa lenguaje Html), el texto que van a ocultar o dicho de otra manera, el texto que va a aparecer cuando clickemos en “Leer más…
Espero se animen, abrazo inquieto…

5 comentarios:

  1. La verdad, ya están para trabajar en TN Tecno!!! Siempre viene bien colaborar e incentivar a otros para que se animen a armar sus blog. Muy buena iniciativa Edu. Abrazo.

    ResponderEliminar
  2. MUY BUENO SU TIP YA LO PUSE EN MI BLOG Y FUNCIONA DE MARVILLA MUCHISIMAS GRACIAS POR EL TRUQUITO MUY BUENO

    ResponderEliminar
  3. Magnificent beat ! I wish to apprentice while you amend your web site, how can i subscribe for a blog site?
    The account aided me a acceptable deal. I had been tiny bit acquainted of this your broadcast offered bright clear idea
    Feel free to visit my web site : michigan football news

    ResponderEliminar
  4. Hi there to all, for the reason that I am truly keen
    of reading this website's post to be updated daily. It includes pleasant information.
    my website > transfer rumours epl jan 2013

    ResponderEliminar
  5. I am regular visitor, how are you everybody? This post
    posted at this site is actually good.
    Take a look at my blog ... pizza games to download

    ResponderEliminar