miércoles, 7 de julio de 2010

"Leer mas" en Blogger

Share
"Leer mas" en Blogger

Este es un truco para poner solo una parte de tu post y que los usuarios entren a la pagina del post para poner verlo todo, si quieres conocer como hacerlo darle al Leer Mas..

Me parecio tan util que no queria olvidarlo para mis futuros blogs y es por eso que lo transcribi aqui.

1. Nos dirigimos a:
Plantilla--Edicion de HTML--Marcamos la casilla "Expandir plantilla de artilugios"

2. Buscamos </head> y debajo colocamos el siguiente codigo:

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


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


3. Click en Guardar Plantilla.

4. Nos dirigimos a:

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


5. Hacemos click en "Guardar Valores"


PD: Este truco lo encontre en Trucos Blogger Posteado por Kurodesu.

No hay comentarios:

Publicar un comentario