Esto consiste, en que cuando le das click en “Leer post Completo”, aparece la publicación completa en la misma página principal y cuando le das click en “Volver a Post Reducido”, la publicación se reduce, el cual regresa al resumen. Cuando lo encuentren, después de ese pegan el siguiente código, quedándoles algo maso menos así...
Antes de empezar, recomiendo a los principiantes, abrir un block de notas, y copiar su configuración html antes de hacer algún cambio... por las dudas de que después no sepan que cambiaron y les arruine el blog.
Bueno ahora si, vamos a lo que nos interesa...
1. Ir a Plantilla, luego a Edición de HTML y click en Expandir plantillas de artilugios. Después agregas el siguiente código entre <head>y</head>.Es mejor que lo pegues al final (antes de </head>, porque puede ser que en algún momento, no quieras esto y es más fácil poder ubicarlo para borrarlo. (una pequeña ayuda, en la plantilla, cuando estés parado en html... pulsa ctrl+f, y aparecerá un buscador... si ahí ponés la primer linea, te va a buscar ese código en toda las instrucciones html. por ejemplo en el buscador pone: </head> y te aparecerá las veces que se repite esa palabra en toda la programación html)
bueno, a lo nuestro, de una manera o de otra, escribir la siguiente linea entre <head> y </head>
------------------------------------------------------------------------------
<script src="'http://rarunach.googlepages.com/hackosphere.js'" type="'text/javascript'/">
------------------------------------------------------------------------------
2. Despúes buscás 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. De la cual tenés que borrar la siguiente linea: <div class='post-body'> ( te la marqué en rojo para que la identifiques más fácil.
y reemplazarla por el siguiente código:
------------------------------------------------------------------------------
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
------------------------------------------------------------------------------
Te tiene que quedar algo así:
------------------------------------------------------------------------------
<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
------------------------------------------------------------------------------
4. Una vez que pegaron el código anterior, buscan lo siguiente: <p><data:post.body/></p>
<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);'>Leer Post Completo...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p>>a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Volver a Post Reducido...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
------------------------------------------------------------------------------
Ya podés guardar los cambios de la plantilla.
5. Para que funcione esto necesitás un código más, pero primero tenemos que ir a:
- Ir a Configuraciones
- Ir Formato
- Plantilla de entrada
Para resumir un poco, lo que pongamos ahora te va a aparecer cada vez que entres a crear una nueva entrada, entónces lo que hacemos es lo siguiente... Pegamos este código en ese espacio en blanco. No olvides después de hacer esto guardar los cambios.
El código a pegar es el siguiente: (copien TODO desde "Acá escribís..." hasta "...Cuando termines el post)
------------------------------------------------------------------------------
Acá escribís el contenido de lo que querés que se vea del "Post Reducido"
<span id="fullpost">(Éste seria el botón de "Leer Post Completo" asi que ponelo donde quieras empezar a reducir el Post)
Acá escribís el resto del Post
</span>(Éste sería el botón de "Volver al Post Reducido", asi que ponelo cuando termines el Post)
------------------------------------------------------------------------------
Bueno espero que se haya entendido bien, Gracias a nuestro mentor MARKI, y a todoooos los blogs que revisamos, pudimos hacer éste post...
Un abrazooo y proximamente más ayudasss...
Suscribirse a:
Enviar comentarios (Atom)
1 comentarios:
hola trate de seguir sus pasos pero al guardar la plantilla me sale el msj :The element type "script" must be terminated by the matching end-tag "".Podrìan explicarme a què se refiere esto? Muchas gracias...
Publicar un comentario