Entrada etiquetada ‘ Leer mas

Ver Mas o Leer mas en blogger codigo HTML 26 Octubre 2008 a las 22:58 por juliofranco

Este truco se utiliza para cortar el post
si esta muy largo y atrapar los visitantes a que visiten el post completo.
Es una herramienta muy elemental para los blogger que quieren
hacer una pagina Light y la pagina no va a demorar en cargar.

Vamos a editar HTML y luego Expandir Artilugios
tecleamos “F3″ o “CTRL F” y buscamos el codigo………

</head> y debajo de el codigo incorporamos el siguiente codigo:

<script type=’text/javascript’ src=
‘http://www.anniyalogam.com/widgets/hackosphere.js’ />

Buscamos “post-header-line” para hallar la porcion de codigo en tu template y añadimos lo que esta en rojo, como se muestra:

<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”‘>
<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 Mas……</a>
</b:if>

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

Guardar plantilla

luego vamos
Opciones–Formato,
en el fondo puedes hallar la caja de texto que dice
“Plantilla de Entrada”,
Copiar y Pegar estas lineas de codigo:

Escribe tu resumen aqui
<span class=”fullpost”>
Escribe el resto del post aqui
</span>