Conozco, como casi todos, las utilidades de Internet pero siempre vi en el mundo del blog un punto exhibicionista.Era desconocimiento. Ahora que ando metida en él, estoy descubriendo sus utilidades y, sobre todo, la generosidad de sus autores que ponen sus conocimientos y su tiempo al servicio de todos.
Entiendo a Jose María Gónzalez Serna cuando nos recomienda una y otra vez, hacer mención de las fuentes, y comparto su posición.
Por una cuestión de estética, andaba buscando como incluir Leer mas en el blog y después de mucho 'bichear' encontré como incluirlo. Lo encontré en el Foro de Blogger y está firmado por Friendly, un argentino que es una máquina en la edición HTML. Para otros 'tuneos', como diría José María, Silvia y su Blog Si quieres puedes esta siendo una maravillosa ayuda.
Gracias a Friendly, aquí teneis como hacerlo. Sólo teneis que pinchar en Leer mas
Entra por "Diseño" > "Edición de html" y pinchar en
"Expandir plantillas de artilugios".
Ahí busca, primero, esto:
</head>
Justo arriba de esa etiqueta, deja un espacio con la tecla Enter y
copia y pega esto:
<script type='text/javascript'
src='http://www.anniyalogam.com/widgets/hackosphere.js'/>
Van a quedar esas dos líneas entre estas dos etiquetas:
</b:skin>
<script type='text/javascript'
src='http://www.anniyalogam.com/widgets/hackosphere.js'/>
</head>
Buscar esto:
<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><
data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Cambiar por esto:
<b:includable id='post' var='post'>
<div class='post' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<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>
<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);'>
Extracto
</a>
</p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>")
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Ahora, entra por "Configuración" > "Formato" --> "Plantilla de entrada"; es un cuadro de texto para simplificar la creación de entradas ampliables, copia y pega:
Escribir texto a mostrar aquí:
<span id="fullpost">
Escribir el resto del texto aquí:
</span>
Si no quisieras que una entrada tuviese el "Leer más...", antes de empezar a crearla, cambia a modo de "Edición de html" y borra lo que está escrito. Advertencia ante un inconveniente que es bastante común: el editor de Blogger es medio extravagante, y cuando uno escribe el resto de la entrada AQUI, a veces mueve la etiqueta de cierre de ese resto de la entrada, por lo que se ve sólo el enlace "Leer más...", la entrada se muestra completa y no se ve el link "Extracto" para volver a contraer la entrada. Si eso sucediese, cambia al modo de "Edición de html" de la entrada y fíjate que <span id="fullpost"> esté al comienzo de el resto de la entrada y </span> cuando finaliza la entrada. En todo caso, guarda en un archivito de texto (TXT) esas etiquetas:
<span id="fullpost">
</span>
Entiendo a Jose María Gónzalez Serna cuando nos recomienda una y otra vez, hacer mención de las fuentes, y comparto su posición.
Por una cuestión de estética, andaba buscando como incluir Leer mas en el blog y después de mucho 'bichear' encontré como incluirlo. Lo encontré en el Foro de Blogger y está firmado por Friendly, un argentino que es una máquina en la edición HTML. Para otros 'tuneos', como diría José María, Silvia y su Blog Si quieres puedes esta siendo una maravillosa ayuda.
Gracias a Friendly, aquí teneis como hacerlo. Sólo teneis que pinchar en Leer mas
Entra por "Diseño" > "Edición de html" y pinchar en
"Expandir plantillas de artilugios".
Ahí busca, primero, esto:
</head>
Justo arriba de esa etiqueta, deja un espacio con la tecla Enter y
copia y pega esto:
<script type='text/javascript'
src='http://www.anniyalogam.com/widgets/hackosphere.js'/>
Van a quedar esas dos líneas entre estas dos etiquetas:
</b:skin>
<script type='text/javascript'
src='http://www.anniyalogam.com/widgets/hackosphere.js'/>
</head>
Buscar esto:
<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><
data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Cambiar por esto:
<b:includable id='post' var='post'>
<div class='post' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<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>
<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);'>
Extracto
</a>
</p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>")
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Ahora, entra por "Configuración" > "Formato" --> "Plantilla de entrada"; es un cuadro de texto para simplificar la creación de entradas ampliables, copia y pega:
Escribir texto a mostrar aquí:
<span id="fullpost">
Escribir el resto del texto aquí:
</span>
Si no quisieras que una entrada tuviese el "Leer más...", antes de empezar a crearla, cambia a modo de "Edición de html" y borra lo que está escrito. Advertencia ante un inconveniente que es bastante común: el editor de Blogger es medio extravagante, y cuando uno escribe el resto de la entrada AQUI, a veces mueve la etiqueta de cierre de ese resto de la entrada, por lo que se ve sólo el enlace "Leer más...", la entrada se muestra completa y no se ve el link "Extracto" para volver a contraer la entrada. Si eso sucediese, cambia al modo de "Edición de html" de la entrada y fíjate que <span id="fullpost"> esté al comienzo de el resto de la entrada y </span> cuando finaliza la entrada. En todo caso, guarda en un archivito de texto (TXT) esas etiquetas:
<span id="fullpost">
</span>
Buenas instrucciones, Concha. Espero que las aprovechen los compañeros interesados.
ResponderEliminarGracias por compartir, compañera! Tomo buena nota y empezaré a hacer prácticas en breve.
ResponderEliminar