sábado, 20 de marzo de 2010

Ampliar Entradas

Uno de los trucos que más se Utilizan en Blogger es el de "Ampliar Entradas" Agregando el texto "Leer más", abajo encontraras los pasos para agregar un código sencillo que podrás incluir en tu blog.


1.-Ir a Diseño y luego elijes la opción de: Edición de HTML, Crea una copia de seguridad antes de realizar los cambios, selecciona la casilla Expandir Plantilla de Artilugios.

2.-Localiza el siguiente segmento de texto: <div class='post-body'>, (para facilitarte las cosas utiliza Ctrl f para buscar el texto), una vez localizado ese segmento, debajo incluyes 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>

3.-Ahora busca este texto: <data:post.body/> Y agrega después de este el siguiente código:


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


</b:if>

4 .- Guarda los cambios, y finalmente para poder dividir el texto inicial y el oculto debes incluir en las entradas (Edición de HTML), este código:

Aquí el texto a mostrar <span class="fullpost"> Aquí el texto Oculto </span>

Pero si no quieres escribir el código en cada entrada, puedes automatizarlo colocándolo en la opción de Formato, bajas al final, en Plantilla de entrada, (esto es en la sección de configuración), Guardas los cambios y Listo.

No hay comentarios:

Publicar un comentario