Ir al contenido principal

Agregar Leer mas en BlogSpot

Estuve buscando la manera de modificar la plantilla del blogspot para agregarle la funcionalidad "leer mas" y les mostraré como podemos insertarlo en nuestro blog de blogger. Esta funcionalidad que resulta trivial en el caso de prácticamente cualquier otro servicio de blogs en blogger resulta bastante compleja.



Como en todas las modificaciones que requieren tocar la plantilla, es muy recomendable guardar nuestra plantilla actual antes de hacer un cambio, ya que existe el riesgo real de perder nuestra plantilla en este tipo de procesos en caso de no entender bien un paso o olvidárnoslo.

Sin duda este es el post que me ha resultado más complicado de escribir, debido a la gran cantidad de maneras que circulan por internet y lo antiguado que está todo respecto a blogger. Al final, por la opción de usar un script que ya existe ya que me parece la más segura.

El procedimiento será el siguiente:
1. Justo antes del fin de la etiqueta </Head> , pegaremos el siguiente código:
<script src='http://www.oscargp.net/scripts/scriptleermas.js' type='text/javascript'/>

2. A continuación guardaremos la plantilla, y pulsaremos la casilla “expandir plantilla de artilugios”, y buscamos la siguiente sentencia en la plantilla:
<div class='post-header-line-1'/>

3. A continuación sustituimos la línea que hay justo después:
<div class='post-body entry-content'>

por el siguiente código:
<div class=' entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>

4. A continuación buscamos en la plantilla el siguiente código:
<p><data:post.body/></p>

5. Añadimos a continuación el siguiente código, después de lo que acabamos de buscar.
<span id='showlink'>
<p><a onclick="'" href="javascript:void(0);">Leer más...</a><p></p>
</span>
<span id='hidelink' style='display:none'>
<p><a onclick="'" href="javascript:void(0);">Solo el resumen...</a><p></p>
</span>
<script type='text/javascript'>checkFull("post-" + "")
</b:if>

6. Una vez hecho esto, guardamos la plantilla, y vamos a la pestaña configuración, y seleccionamos la opción formato. Dentro de la lista de parámetros que nos aparecerán buscamos “Plantilla de entrada”.

7. A continuación pegamos el siguiente código en la “Plantilla de entrada” (donde acabamos de ir) el siguiente código.
Aquí escribes el contenido.
<span id="fullpost">
Aquí escribes el resto del contenido que no se vera.
</span>

Con este último paso, hemos conseguido que en cada nuevo post, nos aparezca una plantilla inicial sobre la que hemos de escribir.

Comentarios

Entradas más populares de este blog

JSP y MySQL Conexion a Base de Datos

Tema anterior: http://superahacker.blogspot.com/2009/06/instalacion-netbeans-glassfish.html El modulo JSP con conexion a una base de datos MySQL, tiene las siguientes caracteristicas usar una clase Java llamada "Customers" que se encuentra en un package llamado "Mypackage" , para usar sus metodos y con ellos llevar acabo una consulta.

JSP y MsSQL Conexion a Base de Datos

Tema anterior: http://superahacker.blogspot.com/2009/09/jsp-y-mysql-conexion-base-de-datos.html El modulo JSP con conexion a una base de datos Ms SQL Server, tiene las siguientes caracteristicas usar una clase Java llamada "Customers" que se encuentra en un package llamado "Mypackage" , para usar sus metodos y con ellos llevar acabo una consulta.

FreeTDS para el acceso a MsSQL desde PHP en Linux CentOS 5

Tema Anterior: http://superahacker.blogspot.com/2009/04/instalacion-de-unixodbc-para-la.html En esta ocasion la situación es como conectar con PHP 5 desde un Servidor Linux a una base de Datos Ms Sql Server en Servidor Windows.