Casomi enfermedad
Patologico
...
   

Post anterior: Oiga doctor ... »Referrers »Por una navegación segura »Proyecto Lujuria : ANASTASIA »El rival mas debil »¿Que hago por mi país? »Que es un blog para mi »Corto »tip msn spaces : el enemigo »Calles importantes de Queretaro » 




Google compartidos

Lecturas Recomendadas. Fuente:Sindicalizador compartido google


domingo, febrero 19, 2006

- Blogger tip : Tiempo estimado de lectura


El tiempo estimado de lectura es un dato que sólo he visto en blogs que usan Wordpress o Movable type. Con el siguiente código se puede agregar para Blogger y con mínimos cambios a cualquier sistema que permita modificar el template a nivel código.
English
Estimate the reading time of your posts is a feature i've only seen on Wordpress or Movable type blogs. With the next code you can add for Blogger sites.


Nivel de complejidad
◊◊◊◊◊

Como funciona
Es muy simple, se cuenta el número de palabras del post y se divide entre 250. ¿Porqué 250?. En algún lado encontré que el promedio de lectura es de 250 palabras por minuto. Por supuesto que puedes cambiar ese número a uno que se adecue a tu tipo de audiencia (si es un blog para niños quizás hay que bajar ese número a 100 o si es un blog dirigido a socios de mensa subirlo a 600, lo cual significa que leen 10 palabras por segundo, ¡vaya que son rápidos los mensos!)

Instalación

PASO 1
Copiar el siguiente código y pegar antes de la etiqueta </head> :
English
Copy/paste before the </head> tag :


<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>


Puedes modificar el texto Tiempo lectura:, palabras aprox.; también si observas hay algo que dice var ppmin = 250;, ahí puedes cambiar a otro estimado de palabras por minuto .
Puedes modificar el estilo .tlectura agregándole color, cambiando el tamaño o posición, lo que se te ocurra que CSS permita.
English
Replace the text "Tiempo lectura:" by "Reading time:", "palabras aprox" by "words". Also var ppmin = 250 where 250 means 250 words per minute.


PASO 2
Colocar la siguiente linea en donde quieras que aparezca el texto de tiempo estimado de lectura:
English
Put the next line anywhere you want display the reading time:

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


Sugerencia: Para que se vea al inicio de cada post ponla inmediatamente después de la etiqueta </BlogItemTitle> de tu template.
English
Hint: Put inmediatly after the </BlogItemTitle> tag.


PASO 3
Busca el texto <$BlogItemBody$>. Sustitúyelo por:
English
Replace <$BlogItemBody$> by:

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



PASO 4
Copia el siguiente código antes de la etiqueta </Blogger> :
English
Copy/paste before the </Blogger> :

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



PASO 5
Es todo. Guardar cambios en plantilla y republicar.
English
That's all. Save and republish.

-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
EDIT 060220: Se corrigió problema al desplegar el tiempo transcurrido de posts vacíos.
EDIT 060226: Se añadieron caracteres en el replace.
EDIT 060301: English translation.
EDIT 060307: Ejemplos para otros sistemas de publicación (Firefox): Bitacoras.com, Blogsome.com y Blogs Ya.com.
EDIT 060308: (Firefox) Blogspirit.com

 

Post anterior: Oiga doctor ... »Referrers »Por una navegación segura »Proyecto Lujuria : ANASTASIA »El rival mas debil »¿Que hago por mi país? »Que es un blog para mi »Corto »tip msn spaces : el enemigo »Calles importantes de Queretaro » 


CSS Válido | WAI-AA | Licencia CC | Contacto


↑Arriba

imgizqimgder
 Datos curiosos Cooooooge 

Currículum blogae

Expandibles

+ Porno links

Categorías

Combina (p.ej Chilly/Const)


Últimos Posts

online counter

"Todos hemos oído decir que si un millón de monos aporrearan un millón de máquinas de escribir con el tiempo llegarían a reproducir las obras completas de Shakespeare. Ahora, gracias a los blogs, sabemos que eso no es cierto."

no meme
no meme