JMiur [E]

Tanto en el Escaparate de Rosa como en La Bloguería nos presentan un nuevo widget publicado en Blogger Buster que muestra una lista con las 10 entradas "más populares" de nuestro sitio.

Ese ranking de "popularidad" está basado exclusivamente en la cantidad de comentarios que tenga cada entrada, utiliza un Yahoo Pipes y analiza los últimos 5000 comentarios .

Lo instalamos fácilmente desde la misma página de Blogger Buster, escribiendo la dirección de nuestro blog, haciendo click en Customize y luego en Add to Blog.


Lo que hace el widget es insertar un script y, si queremos personalizarlo, deberemos modificar el código.
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: uppercase;">');
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=1cf38ae68efbe859c4ba1ee239cec099
&url=http%3A%2F%2FnombreBLOG.blogspot.com
&num=10"
type="text/javascript">
</script>

<span style="font-size: 80%">
Widget by <a href="http://www.bloggerbuster.com">Blogger Buster</a>
</span>
Lo que se muestra, es una lista ordenada, es decir, numerada:

<ol style="text-transform: uppercase;">

Si no queremos que aparezcan los números, cambiamos OL por UL, tanto en la etiqueta de apertura como en la etiqueta de cierre.

Los textos se muestran en mayúsculas pero el estilo lo podemos personalizar facilmente estableciendo una clase CSS. Por ejemplo:
ol.listaPopulares { /* el bloque completo del widget */
background-color: #000000;
border:2px ridge #555555;
list-style-type: decimal;
margin: 0 auto;
padding: 10px 50px;
text-transform: capitalize;
width: 350px;
}
ol.listaPopulares li { /* cada uno de los items de la lista */
color: #FF8877;
font-size: 16px;
}

ol.listaPopulares li a { /* los enlaces */
color: #FF8877 !important;
font-weight: normal !important;
}
ol.listaPopulares li a:hover {
text-decoration: none !important;
}
Y modificando el script:

<ol class="listaPopulares">



La otra posibilidad que existe es utilizar algnos de los servicios de FeedJIT, un sitio que inicialmente nos permitía mostrar el tráfico del blog pero que, lentamente, ha ido incorporando otras herramientas.

Una de ellas es la llamada Live Page Popularity que nos muestra las páginas más populares de un sitio analizando el tráfico y no los comentarios. Lo que hace es chequear la cantidad de visitantes y actualizar constantemente los datos.

Para instalarlo, sólo hay que seguir las instrucciones y no necesitamos registrarnos.


También podríamos copiar y pegar el código directamente ya que es un script muy sencillo:
<script src="http://feedjit.com/popPages/?bc=FFFFFF
&tc=494949
&brd1=336699
&lnk=494949
&hc=336699
&ww=160"
type="text/javascript">
</script>
<noscript>
<a href="http://feedjit.com/">Feedjit Live Blog Stats</a>
</noscript>
Por supuesto, para que funcione se requiere tiempo hasta que los datos se acumulen.

También en este caso podemos personalizar la salida aunque es un poco más complejo; los elementos son los siguientes:

#FJ_PPCDiv es el bloque general
#FJ_PPC es la tabla exterior
#FJ_PP es la tabla interior, la que contiene los textos
#FJ_PPC #FJ_PP td es cada una de las celdas de esa celda
#FJ_PPC #FJ_PP .FJ_Heading es el texto del encabezado (Popular Pages Today)
#FJ_PPC #FJ_PP .FJ_Line los textos de cada una de las líneas y sus enlaces
#FJ_PPC #FJ_PP .FJ_TrafFoot es el texto del pie de página (Click to get FEEDJIT)


21 comentarios:

La Blogueria  

Hola JMiur! "Necesitamos" una versión hispana del widget. No tengo nada contra el inglés ni contra el bilingüismo, pero me parece absurdo que mi widget diga "comments" en vez de "comentarios"... ¿alguna pista? Como ya le comenté a Rosa, lo más probable es que no podamos cambiarlo en el widget de Amanda, sino crear otro...

En fin que, si "alguien" se anima, sería muy bonito :D Si no, el resultado es bueno igual.

Saludos calurosos!

Responder
La Blogueria  

Um, acabo de ver que Rosa ya lo consiguió, voy a ver los detalles...

Responder
JMiur  

Así es, acabo de verlo. Tenemos los horarios desfasados :D

Responder
mefistum  

"analiza los últimos 5000 comentarios"

Si tuviera tantos comentarios pondría todos los posts como populares de pura felicidad :D

Y un widget para los posts favoritos ¿alguien sabe de eso?

Saludos.

Responder
罗尼 RONY MOTA™®  

hola a todos

mi nombre es Rony mota, solamente quiero preguntar ¿cual es el código para insertar todos los marcadores sociales sin errores.y tambien y mas importante es el código para agregar el desplazamiento para ver un ejemplo de un tema especifico??

su ayuda seria de mucho valor, ya que yo leo y uso todos sus productos.

esperando su respuesta
罗尼 RONY MOTA™®

Responder
JMiur  

mefistum:
5000 ... bueno, paciencia.
Lo de los posts favoritos no se a que te refieres. El widget de feedgit muestra los más visitados pero, requiere tiempo para que haya datos.

Roni:
Estos son los posts donde están explicados:
Marcadores Sociales
Ir al inicio pero con Scriptaculous

Responder
Ignasi  

Hola JMiur!

Gracias por el truquillo, esto de Yahoo pipes esta genial!

Yo tengo un widget que muestra los "Top Commentators" (los usuarios que escriben mas comentarios en tu blog)

Así animas a escribir mas :P

Aqui podeis encontrar el pipe

Nos vemos!

Responder
JMiur  

Lo de Yahoo Pipes para mi es una "novedad", internet va demasiado rápido :D

Responder
LinternaVerde  

tengo problemas a mi me salen las url, de los post mas comentados, junto con el titulo del post hay algo para solucionar esto

Responder
JMiur  

No logro ver el ejemplo si es que lo tienes en alguno de tus blogs. Me temo que no sería sencillo arreglarlo ya que es un script ya armado y difícil de modificar pero, si me das una idea de dónde puedo ver el ejemplo, me fijo.

Responder
LinternaVerde  

mira este es mi blog esta al final de la pagina.. www.turankeo56.net

Responder
JMiur  

Pués no veo cuál puede ser el problema. Comparo el script que tienes colcoado con el del ejemplo o el de rosa y no hay diferencias, son iguales así que lo que has hecho es correcto. Ahí ya me perdí, no sé que puede estar provocando que se muestre así y no de la manera normal.

Responder
LinternaVerde  

Bueno lo que no entiendo que el k tiene rosa en el ejemplo no tiene todo esos www.turankeo56.net abajo de cada titulo de la entrada ese es k kiero saber si se puede eliminar y solo poner el titulo

Responder
JMiur  

Justamente eso es lo que no entiendo. Son todos el mismo srcript y los he comparado línea por línea. No hay diferencias. Por eso no ecuentro razones por las cuales se ven diferentes.

Responder
LinternaVerde  

Que problema, yo eh buscado en todas partes y no veo solucion para k eso se vea normal. pero gracias por tu ayuda seguire provando aver. que consigo

Responder
JMiur  

Realmente es extraño. No sé qué puede estar pasando.

Responder
LinternaVerde  

Yo me eh dado cuenta k si lo pongo de bloggerbuster se agrega bien pero se ve con www.turankeo56.net delante de todos los otros datos.. pero si lo copio del scrip k puso rosa me sale solo los creditos de blogger buster..

Responder
el Zambullista  

Con el título y del modo con que voy a usar el elemento, la palabra 'comentarios' es superflua (además de que se pega al número, que supongo que tiene una solución con CSS similar a otra que me diste). ¿Hay modo de quitar esa palabra, para que sólo quede el número entre paréntesis junto al título?
Otra duda: ¿hay manera de que lea los títulos de las entradas, con acentos y eñes, en lugar de la parte de la URL que incorpora el título (de ahí que por defecto salga todo en minúscula, ¿no?)?
Nuevamente agradecido.

Responder
JMiur  

No recuerdo cómo era esto, creo que modificando el script original pero no lo puedo asegurar.

Responder
Marcelo  

Una ayuda para mejorar mi Blog

asesorpersonal1.blogspot.com/

Espero que me digas como ordeno las imagenes arriba, un saludo gracias

Responder
JMiur  

Vas a tener que explicar un poco qué quieres hacer.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR