Bueno el siguiente truco no es nada nuevo pero es bastante util, a la hora que nos toque publicar algo en nuestro blog que sea bastante extenso, me gusta como funciona porque expande la entrada completa sin necesidad de ir a otra pagina, con solo dar clic y listo.Aqui vamos:
1) Lo primero que debemos hacer es ir a Plantilla --->> Edicion HTML y luego expandir en artilugios.
Despues agregamos este codigo entre <head> y </head>
<script src='http://rarunach.googlepages.com/hackosphere.js' type='text/javascript'/>
O
<script src='http://www.anniyalogam.com/widgets/hackosphere.js' type='text/javascript'/>
2) Ahora buscamos el siguiente codigo:
<div class='post-body'>
Despues lo reemplazamos por este otro
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
En algunas plantillas este codigo no se encuentra [<div class='post-body'>] es el caso de la plantilla que estoy usando entonces lo que hacemos es que en vez de buscar <div class='post-body'> buscamos este otro.
<div class='post-body entry-content'>
Y lo sustituimos por:
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
3) Hasta aqui vamos bien :) ahora buscamos este codigo <p><data:post.body/></p> y despues de este colocamos.
<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 Más...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Resumir...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
Y ahora guardamos los cambios.
4) Para que el truco funcione es necesario agregar el siguiente codigo en cada entrada.
Aquí escribes el contenido de la entrada.
<span id="fullpost">
Aquí escribes la parte que quieras ocultar.
</span>
Pero para que no se te olvide cual es el codigo que tienes que colocar, dirigete a Configuracion -> Formato y en plantilla de entrada colocas el codigo para que cada vez que vallas a hacer una entrada aparesca el codigo automaticamente, recuerda guardar los cambios y listo.
A mi me funciona bien y una muestra de eso es esta entrada :D
Gracias a Ayuda para el Blog.
1 comentario:
gracias genio, me solucionaste un problema gigante, te agradezco nuevamente y te portaste de diez, mi blog es argentilost.blogspot.com.
Publicar un comentario