25/10/07

Leer más en blogger beta.

.
Habréis visto que gran cantidad de blogs utilizan este truco para acortar las entradas y facilitar al lector la lectura.Se da a este la opción de seguir o no leyendo.

Es un poco complicadillo pero no tanto si se siguen los pasos con paciencia.Ayudaros de ctrl+f para buscar los codigos.Lo primero es guardar la plantilla,no me cansaré de recordarlo.

En edición HTLM expandir plantilla de artilugios
Allí buscar la etiqueta </head>

Justo antes debeis pegar el siguiente código.

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

Luego debeis localizar estas lineas,

<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>

Es importante que localizeis este código completo.

Una vez hallado lo reemplazáis por esto;

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
<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'>

<b:if cond='data:blog.pageType == "item"'>

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

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>SIGA LEYENDO</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>CERRAR NOTA</a></p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Guardar y listo.

Cuando escriban una entrada deberá estructurarla así:

su texto
<span id="fullpost">
el texto a ocultar
</span>

El código
<span id="fullpost">
es donde aparecerá el SIGA LEYENDO y el código de cierre </span> es donde aparecera el CERRAR NOTA.

Se puede configurar las entradas para que estos códigos te aparezcan cada vez que vayas a hacer una.

Es asi:

- Vas a opciones/formato
-Busca abajo del todo donde dice PLANTILLA DE ENTRADA y allí pegas

texto
<span id="fullpost">

texto
</span>

Guardar valores y listo, cada vez que creamos una entrada ya lo tienes.

Si quieres poner una imagen como la del blog sustiye SIGA LeYENDO y CERRAR NOTA por esto:

<img src='http://img66.imageshack.us/img66/2152/acyh3.gif'/>

(cambien la dirección de la imagen por la que deseen insertar o dejen esta si les gusta.Yo la ví en el Blog de Cesar donde explican este y muchos otro trucos a la perfección)



.

3 comentarios:

The Girl With No Name dijo...

Mil Gracias por tu post... Luego de casi perder la poca paciencia que tengo por fín pude poner el famoso "+ Read" en Blogger Beta...
Muy buena tu explicación...
GRACIAS!!!
Un millón de besos desde Buenos Aires... The Girl With No Name

Anónimo dijo...

Me ha funcionado perfectamente lo qu es poner el (leer más)en las publicaciones... hasta que me he dado cuenta que la columna lateral de mi blog había desaparecido. ¿Qué puedo haber tocado para que no aparezca la columna?

Muchas gracias

Perezoso. dijo...

Bod mira a ver si has cambiado algo ultimante en la sidebaR.Si no has cambiado nada revisa lo ultimo que has publicado.A menudo cuando metemos fotos o videos que superan el ancho del texto suele ocurrir que se desplace la sidebar debajo de los post ya que no tiene sitio.

Espero que sea eso si no trataremos de arreglarlo,je,je.Saludos.

 

Archivo del blog