Tiempo de lectura de un post
A propuesta del Pato-lógico, una utilidad para mostrar el tiempo aproximado de lectura cada artículo del blog. Observad su artículo para el caso Blogger. A continuación los pasos para Blogsome (ver su demo):
Guardar el siguiente archivo javascript palabra.js, o bien insertarlo directamente en el head:
<script type="text/javascript">
function tlectura(idpost,idtlectura) {
var txt = document.getElementById(idpost).innerHTML;
var ppmin = 250;
if (txt){
txt = txt.replace(/< [^>]+>/g, ” “);
var palabras = txt.match(/(\w|�|�|�|�|�|�|�|�|�|�|�|�|�)+[\s\n\r\t,\.;:”‘\(\)\{\}\[\]$]*/g);
var palabrapost = 0;
if (palabras) {palabrapost = palabras.length;}
if (palabrapost < = 
{
document.getElementById(idtlectura).innerHTML='
} else {
xminutos = parseInt(palabrapost/ppmin);
xsegundos = Math.round(60 * (palabrapost/ppmin - xminutos));
document.getElementById(idtlectura).innerHTML=’
}
}
}
</script>
En el apartado post de la plantilla:
- Identificar cada artículo con el atributo:
id="j{the_ID}"
Que podría quedar por ejemplo (según la plantilla):
<div id="j{the_ID}">
ó
<div class="post" id="j{the_ID}">
- Añadir la llamada al script que cuenta las palabras:
<script type="text/javascript">tlectura("j{the_ID}","elposttlec{the_ID}");</script>
- Donde queramos desplegar el texto del tiempo de lectura del artículo:
<span class="tlectura" id="elposttlec{the_ID}"></span>
Artículos relacionados
Opciones de discusión
Hay 4 Comentarios
Tiempo de lectura de un post
Mostrar el tiempo de elctura aproximado de un post.
tiempo de lectura de un post
Juglar 103: “A propuesta del Pato-lgico, una utilidad para mostrar el tiempo aproximado de lectura cada artculo del blog. Observad su artculo para el caso Blogger. A continuacin los pasos para Blogsome: (…)” Ver completa….
Hola Juglar:
LLevo un buen tiempo intentando implementar esta opción en mi blog y ya me he dado por vencido. No sé qué es lo que hago mal, por eso te explico brevemente lo que hago.
Copio el script y lo introduzco en el head del index entre las etiquetas
{literal}. Guardo y en el post coloco. A continuación coloco la llamada al script que copio de tu blog tras ese div. Y, finalmente, colocoen el sitio donde quiero que aparezca. Además, por si acaso, he creado una clase en el css con la siguiente definición:.tlectura{float:right;font-size:90%;cursor:help;}Si pudieras ayudarme te lo agradecería eternamente.
Creo q falta parte del comentario q intentabas poner. De todas maneras, lo de “literal” se pone cuando quieres mostrar el código en pantalla, y creo q invalida su función.
Deja un comentario