SI EL FORMATO DEL BLOG NO ES DE TU AGRADO, PUEDES AUMENTARLO O DISMINUIRLO, PULSANDO LA TECLA "CTRL" Y GIRANDO LA RUEDA DEL MOUSE

Efecto "Leer Mas"

Lo apliqué hace poco en el blog, "leer más" con la particularidad de recoger el texto.
Si buscas la forma de aplicarlo no lo pienses más y vamos a empezar.

Nos situamos en Plantilla/Edición HTML y marcamos la casilla para expandir plantillas de artilugios.

Después buscaremos en nuestra plantilla </head> y justo antes añadimos...

<script src='http://forevergema2.googlepages.com/functiontoggleIt2.js' type='text/javascript'/>


Después vamos a buscar lo siguiente:

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template'
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


Y lo vamos a sustituir por:

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template'
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>





Donde dice SIGUE LEYENDO y CIERRE TEXTO puede sustituirse por otra frase.

Por último debemos añadir un código en las entradas donde aparecerá "Leer más"

Para facilitar la tarea y evitar tener que copiar y pegar ese código cada vez que deseemos añadirlo hay una solución y es aplicarlo en la plantilla de entrada.

¿Dónde está eso?
Nos situaremos en Plantilla/Opciones/Formato casi al final encontraremos la plantilla de entrada, es una ventana con opción para escribir donde añadimos:

aquí texto
<span id="fullpost">
aquí el texto escondido
</span>

Ahora cada vez que editamos una entrada aparecerá ese código, escribiremos en la primera línea donde dice "aquí el texto" el inicio de la entrada y en la segunda línea de "aquí texto escondido" es el texto que aparecerá al expandirse la entrada.


1 comentarios:

Unknown dijo...

Hola Luis, soy principiante en la programacion web y estoy interesado en conocer como se hace un "LEER ARTICULO" como el que sale en la pagina, http://mycyberacademy.com/ , podrias decirme por favor como se hace? sebascuarzo(arroba)gmail.com, muchas gracias y un cordial saludo.