How to – Leer más en Blogger

Hoy les traigo un tutorial realizado por un gran amigo y blogger, Luis de Noticia247. Aquí nos explica como integrar la opción “Leer Más” en blogger, éste es el tutorial:

Es muy fácil y por ahora me ha servido en varios blogs. Sólo deben seguirse los siguientes pasos:

Primero que nada deben ir a “Diseño”, “Edición HTML” y buscar el siguiente código en su plantilla:

<title><data:blog.pageTitle/></title>

Luego de ubicarlo, colocamos el siguiente código debajo del mismo:

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<style type=’text/css’>
.fullpost {display:inline;}
.summarypost {display:none;}
</style>
<b:else/>
<style type=’text/css’>
.fullpost {display:none;}
.summarypost {display:inline;}
</style>
</b:if>

Guardamos los cambios y nos dirigimos a “Configuración” ->> “Formato”, luego vamos a plantilla de entrada y colocamos lo siguiente:

Primera parte
<span class=”summarypost”>
<a href=”Aquí la URL de tu blog”>Leer Más… </a>
</span>
<span class=”fullpost”>segunda parte</span>

Como pueden ver donde dice “Primera parte”, ahí van a colocar lo que quieren salga en la portada del blog, donde dice “segunda parte” deben colocar lo que aparecerá cuando den clik en Leer Más.

Ahora solo falta un pequeñísimo detalle que deben editar cada vez que publiquen un post. Luego que publiquen deben editarlo y colocar en el código la ruta del enlace del post Por ejemplo en este post seria

Primera parte
<span class=”summarypost”>
<a href=”http://unusuario.com/2008/10/how-to-leer-ms-en-blogger.htm“>Leer Más… </a>
</span>
<span class=”fullpost”>segunda parte</span>

Espero que les haya gustado y que les sea de gran utilidad y si tienen algún problema dejen un comentario citando cual es el problema y la URL del blog.. Saludos y suerte!, sean felices =)

Relacionados:

• 30 tutoriales de efectos abstractos.
• 30 efectos de texto para photoshop
• Blogumus – Nube de tags
• How to – solucionar "Acceso denegado"
• 25 tutoriales para diseñar logos