Tiempo estimado de lectura de la entrada

Con este artículo comienzo a comentar algunos trucos válidos EXCLUSIVAMENTE para la plantilla clásica de Blogger.

En este caso, podemos visualizar, al lado del título de cada entrada, p.e., una estimación del tiempo que nos llevará leer esa entrada. Podéis ver cómo funciona en Pruebas. Y las instrucciones para conseguirlo las encontraréis en Caso Patológico, muy fáciles de seguir:

1º.- Abrid vuestra plantilla e insertad, antes del cierre / de la tag "head", lo siguiente:

<script type="text/javascript">

//<![CDATA[

function tlectura(idpost,idtlectura) {

// ult. version en http://adivina.blogspot.com

// nuevo codigo cortesia de http://displaynone.blogspot.com

var txt = document.getElementById(idpost).innerHTML;

var ppmin = 250;

if (txt){

// Borro todo aquello que esté contenido entre < y >

txt = txt.replace(/<(\/|\w|\s|\.|\{|\}|\(|\)|=|"|:|;|-|\?|\%|\n)*>/g, " ");

// Almaceno las coincidencias con palabras

var palabras = txt.match(/(\w|á|é|í|ó|ú|ü|ñ|Ñ|Á|É|Í|Ó|Ú)+[\s\n\r\t,\.;:"'\(\)\{\}\[\]$]*/g);

var palabrapost = 0;

if (palabras) {palabrapost = palabras.length;}

if (palabrapost <= 8) {

document.getElementById(idtlectura).innerHTML='<sp'+'an class="help" title="'+palabrapost+' palabras aprox.">'+"Tiempo lectura: Menos de 2 segundos"+'<'+'/sp'+'an>';

} else {

xminutos = parseInt(palabrapost/ppmin);

xsegundos = Math.round(60 * (palabrapost/ppmin - xminutos));

document.getElementById(idtlectura).innerHTML='<sp'+'an class="help" title="'+palabrapost+' palabras aprox.">'+"Tiempo lectura: "+((xminutos>0)?xminutos:"")+((xminutos>0)?((xminutos == 1)?" minuto ":" minutos "):"")+((xsegundos>0)?xsegundos:"")+((xsegundos>0)?((xsegundos == 1)?" segundo":" segundos"):"")+' <'+'/sp'+'an>';

}

}

}

//]]>

</script>

<style type="text/css">

.tlectura{float:right;font-size:90%;cursor:help;}

</style>

2º.- Insertad el siguiente código en la parte de la plantilla donde deseais ver el rtexto "tiempo estimado de lectura...", generalmente cerca del título de la entrada, en cuyo caso, debeis colocarlo inmediatamente detrás de la tag </BlogItemTitle> :

<span class="tlectura" id="elposttlec<$BlogItemNumber$>"></span>

3º.- Buscad el texto <$BlogItemBody$> y sustituidlo por:

<div id="j<$BlogItemNumber$>"><$BlogItemBody$></div>

4º.- Copiar este código, antes de la etiqueta </Blogger> :

<script type="text/javascript">tlectura("j<$BlogItemNumber$>","elposttlec<$BlogItemNumber$>");</script>

Guardad y listos.

Se puede cambiar el texto "Tiempo de lectura aprox..."; también el CSS del mismo, así como el "var ppm=250" al número que tú veas de palabras por minuto.

Creo que se puede conseguir también en las nuevas plantillas, pero... para eso tengo que probarlo primero. Ya veré...