09/10/09

Añadir un gadget de entradas mas vistas en Blogger


En muchos blogs/webs se pueden ver distintos tipos de gadget para las entradas mas vistas, y sin dudarlo es muy cómodo para mantenerse actualizado en cuanto a las entradas que llamaron mas la atención que otras.

Para poder usar esta utilidad no hacen faltan ni script ni nada de eso, con un simple código que pegamos en un elemento de pagina podemos utilizarlo tranquilamente.. Para hacerlo lo primero que debemos tener en cuenta es este código que usaremos:


<script type="text/javascript">

function pipeCallback(obj) {

document.write('<ol>');

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=e1f5a9b2248904d8b81f794c09353010&url=http%3A%2F%2Ftublog.blogspot.com&num=5" type="text/javascript"></script>


Luego de tener en cuenta el código anterior, nos posicionamos en Diseño---Elementos de Pagina---Añadir Gadget--- HTML/Javascript y pegamos el código que les di anteriormente.

Y listo , Solo les queda modificar el url que aparece en color 'Rojo' en el código por el de su web, guardan el gadget, van a su pagina web/blog y si esta todo bien, guardan la plantilla y ya esta. Si quieren modificar la cantidad de entradas que se mostraran solo deben cambiar el código que muestro en color 'Azul' en el código, por la cantidad que ustedes quieran que se vean.

  • rss
  • Del.icio.us
  • Digg
  • Twitter
  • StumbleUpon
  • Reddit
  • Share this on Technorati
  • Post this to Myspace
  • Share this on Blinklist
  • Submit this to DesignFloat

2 comentarios:

Agu Papa dijo...

Che Johanna, copié el código tal cual explicaste y no me anda. El tema es que yo tengo el url propio, no de blogspot, por eso no sé si poner la dirección completa en lo que vos escribiste en rojo!

Johanna Gamarra dijo...

Hola Agu Papa, gracias por comentar!

Respecto a el problema de la url tenes que pegar tu url nodificando todo el texto 'tublog.blogspot.com'.

 
Design by pedro el escamoso