Trucos Blogger: Entradas ampliables ( Seguir leyendo)

7 Abr
Éste es el primero de muchos trucos que voy a compartir. Pues bien esto consiste, que cuando le das clic en “Leer Más”, aparece la publicación completa en la misma página principal y cuando le das clic en “Solo Resumen”, la publicación se reduce, el cual regresa al resumen.
  1. Ir a Plantilla (Template), luego a Edición de HTML y click en Expandir plantillas de artilugios. Después agregas el siguiente código entre <head> y </head>. Preferible que lo pegues al final (antes de </head>), porque puede ser que en algún momento, no quieras esto y se te va hacer más fácil poder ubicarlo para borrarlo.


    <script src=’http://rarunach.googlepages.com/hackosphere.js&#8217; type=’text/javascript’/>

  2. Luego buscas lo siguiente:

    <div class=’post-header-line-1’/>
    <div class=’post-body’>

    <p><data:post.body/></p>

    <div style=’clear: both;’/> <!– clear for photos floats –>
    </div>

  3. Después tendrás que borrar la siguiente linea: <div class=’post-body’> y reemplazarla por el siguiente código:


    <div class=’post-body’ expr:id='”post-” + data:post.id’>
    <b:if cond=’data:blog.pageType == “item”‘>

  4. Seguimos en la Plantilla. Una vez que han pegado el código anterior, ahora pegas lo siguiente después de <p><data:post.body/></p>

    <b:else/>
    <style>#fullpost {display:none;}</style>
    <p><data:post.body/></p>
    <span id=’showlink’>
    <p><a expr:onclick='”javascript:showFull(“post-” + data:post.id + “”);”‘ href=’javascript:void(0);’>Read More…</a></p>
    </span>
    <span id=’hidelink’ style=’display:none’>
    <p><a expr:onclick='”javascript:hideFull(“post-” + data:post.id + “”);”‘ href=’javascript:void(0);’>Summary only…</a></p>
    </span>
    <script type=’text/javascript’>checkFull(“post-” + “<data:post.id/>”)</script>
    </b:if>

  5. Ahora puedes GUARDAR los cambios de la plantilla.
  6. Para que funcione esto necesitas un código más, que lo vas a pegar en:

    • Ir a Opciones. Luego a Formato y en Plantilla de entrada lo pegas.
    • Cuando vas a publicar algo, prácticamente en todas las entradas te saldrá este código, sin necesidad de estar escribiéndolo en cada entrada. No olvidar guardar los cambios. El código es el siguiente:
    Aquí escribes el contenido.
    <span id=”fullpost”>
    Aquí escribes el resto del contenido que no se vera.
    </span>

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: