Gadget de estadísticas para Blogger

Este sencillo gadget de estadísticas permite mostrar un lista de datos relativos al blog. En el gadget se muestran la cantidad de entradas y de comentarios, número de seguidores en Twitter y el tiempo de vida del blog.

El gadget se vé muy similar a este:

¿Cómo añadir el gadget a Blogger?

En ''Diseño | Elementos de la página'', añade un gadget ''HTML/Javascript'', en el cual deberás insertar el siguiente código:

<li style='list-style:none; color:#2d2d2d;'>Cantidad de entradas: <script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script><script src="http://tu-blog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> entradas.</li>
<li style='list-style:none; color:#2d2d2d;'>Cantidad de Comentarios:<script src="http://tu-blog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> Comentarios.</li>


<script type="text/javascript">
//<![CDATA[
$(function(){
$.ajax({
url: 'http://api.twitter.com/1/users/show.json',
data: {screen_name: 'USUARIO-TWITTER'},
dataType: 'jsonp',
success: function(data) {
$('#twitters').html(data.followers_count);
}
});
});
//]]>
</script>


<li style='list-style:none; color:#2d2d2d;'>Seguidores en Twitter: <span id="twitters"></span> Seguidores.</li>

<li style='list-style:none; color:#2d2d2d;'><script type="text/javascript">
var montharray=new
Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countup(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var paststring=montharray[m-1]+" "+d+", "+yr
var diferencia=
(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)
diferencia+=" días"
document.write("Días activo: "+diferencia+".")
}
countup(2010,11,04)
</script></li>

Antes de guardar el gadget reemplaza los valores destacados:

• Reemplaza 2 veces http://tu-blog.blogspot.com por la dirección de tu blog.
• Reemplaza USUARIO-TWITTER por tu nombre de usuario en Twitter.
• Edita 2010,11,04 con la fecha del inicio de tu blog (año/mes/día).