popup

creador de Popup, Esto solo se inserta : En Blogger: agergas un HTML y pegas este contenido en Wordpress: agregas un widget y pegas el contenido
x
AYUDANOS CON UN CLIK ABAJO ↓↓↓

martes, 22 de marzo de 2011

Agregar “leer más” o “read more” a blogger (blogspot)


Hoy les mostraré como podemos insertar un “leer más” o un “read more” enblogger. Hace ya algún tiempo escribí un artículo que hacía que en la misma página, apareciera el texto al pulsar sobre “leer más”. Esperando a resolver algunos problemas que produció escribo este artículo que espero que sea aplicable a todos los blogs.
En esta ocasión, al pulsar encima del “leer más”, veremos nuestro artíuclo completo en la página del artículo. El procedimiento seguido ha sido muy similar al de blogmundi. El procedimiento que tendremos que seguir será el siguiente:
1. En primer lugar iremos a la pestaña “Diseño” de nuestro panel de Blogger y elegiremos la opción “Edición de HTML”. A continuación pulsamos “Expandirplantilla de artilugios”.
2. A continuación buscamos en nuestro plantilla el código (dependerá del blog y solo habrá uno de los dos)
1
<div class='post-body entry-content'>
o
1
<div class='post-body'>
.
3. Posteriormente, introduce justamente debajo el siguiente código:
1
2
3
4
5
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
4. A continuación localizamos el código
1
<data:post.body/>
y justamente después copiamos el siguiente código:
1
2
<a expr:href='data:post.url'>Leer más...</a>
</b:if>
En conclusión, la zona del código del leer mas tendría que ser algo similar a:
1
2
3
4
5
6
7
8
9
10
11
12
13
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none}</style>
<data:post.body/>
<a expr:href='data:post.url'>Leer más...</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
5. Una vez hecho esto ya podemos guardar la plantilla, y para poder usarlo con facilidad haremos lo siguiente. Iremos a la pestaña “Configuración” y elegiremos la subpestaña “Formato”, y en la opción “Plantilla de entrada” copiamos el siguiente código:
1
2
3
4
Esto saldra antes del leer mas
<span class="fullpost">
Esto saldra en la pagina al pulsar leer mas
</span>
Finalmente, guardamos los cambios y vamos a escribir una nueva entrada. Solo tendremos que cambiar nuestro texto por lo que deseemos publicar y ya funcionará perfectamente. A diferencia del anterior este funcionará siempre, ya que es mucho más sencillo.


0 comentarios