martes, 23 de septiembre de 2008

Entradas mas populares en español

Copiado exactamente del Blog de Rosa

He conseguido modificar el widget de "entradas mas populares" del que os hablaba hace un par de días, de manera que muestre al lado de cada título de entrada, el número de comentarios con esta palabra en español, es decir, ya no dirá "comments" sino "comentarios".

Lo he hecho modificando la Yahoo Pipe que Amanda usa para que el widget funcione.
No he podido lograr que el tipo de texto que muestra el widget, acepte más cambios que uppercase (la primera letra de cada palabra en mayúscula) y capitalice (los títulos en mayúsculas), es decir que en el script una vez instalado, donde dice text-transform: capitalize; podemos poner text-transform:uppercase para ver los títulos en mayúsculas.

Para cambiar el número de entradas a mostrar, cambiaremos dentro del código una vez colocado en el elemento, donde dice &num=5 por el número de entradas que queremos ver en el widget.


Para instalar el widget, simplemente tenéis que copiar y pegar en un nuevo elemento HTML el código del script y cambiar después donde dice elescaparatederosa por el nombre de vuestro blog (el que aparece en la url del navegador).
Hay que tener cuidado al hacerlo de no borrar o cambiar nada más.

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback& _id=54d6d19d945db96177de90962bc15e83&url=http%3A%2F%2Felescaparatederosa.blogspot.com&num=5" type="text/javascript"></script>
<span style="gt;Widget by <a href="http://www.bloggerbuster.com">Blogger Buster </a></span>

Nota:
En el código del widget he incluido los créditos a Blogger Buster, para retirarlos si así lo queréis, solo tenéis que borrar las últimas líneas del código:
<span style="gt;Widget by <a href="http://www.bloggerbuster.com">Blogger Buster </a></span>

Y otra cosa, si al colocarlo tarda un poco en cargar tened paciencia, he comprobado que la primera vez se demora un poco, aunque pudiera ser debido a que esta tarde Yahoo Pipes tenía algunos problemillas en su web...

Si vas a utilizar las imágenes de esta entrada, subelas antes a tu propio alojamiento. No hagas Hotlinking.

No hay comentarios: