Estadisticas de Blogger y seguidores numerados

comentar



En otra ocasion ya os mostre un widget para ver las estadidisticas de Blogger. Pues ahora os traigo otro diseñado por mi con un look nuevo. Este widget os mostrara los seguidores que teneis en Twitter, la cantidad de suscriptores, los comentarios y posts de vuestro blog. Esta pensado para ponerlo en la sidebar o barra lateral, para ello solo teneis que copiar el codigo de abajo y añadirlo un gadget HTML/Javascript. Teneis que sustituir lo que esta en rojo por vuestra url de Twitter, la de Feedburner y la del blog.

El resultado del widget sera como el que os muestro en esta imagen:





CODIGO:
<table style="width:100%;border:3px solid #000;background:url(https://lh4.googleusercontent.com/-zm12PrEP59k/T76mvcVkZJI/AAAAAAAADzw/Xw2sOagTgfM/s192/fondo%2520estadisticas.jpg)repeat scroll;"><tbody><tr><td><script language="javascript" type="text/javascript">
function snfbc(json){document.write(parseInt(json.value.items[0].feed.entry.circulation));}function xfeedburner(uri){    if(uri){    document.write('<sc'+'ript src="http://pipes.yahoo.com/pipes/pipe.run?_id=e61a81bcdb1660ebf8bc1a7c130f1f7b&_render=json&uri='+uri+'&_callback=snfbc" type="text/javascript"></s'+'cript>');    } else{    return false;       }}
function sntwitter(json){document.write(parseInt(json.followers_count));}function xtwitter(user){    if(user){    document.write('<scr'+'ipt src="http://twitter.com/users/show/'+user+'.json?callback=sntwitter" type="text/javascript"></scr'+'ipt>');    } else{    return false;    }}
</script><div style="float: left; padding: 8px;">
<img src="http://img72.imageshack.us/img72/5376/twittery.png" style="float: left; margin-right: 8px;"/><a href="http://twitter.com/nombre" target="_blank"><span style="color: black; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 18px; margin-top: 2px; padding: 0pt;"><script type="text/javascript">
 xtwitter("REDEANDOblog")
</script> Seguidores</span><br>
<span style="color: black; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 0px; padding: 0px; text-align: left;">Sigueme en twitter</span></a></div><div style="clear: both;"><div style="float: left; padding: 8px;">
<img src="http://img638.imageshack.us/img638/3243/rsss.png" style="float: left; margin-right: 8px;"/><a href="http://feeds.feedburner.com/nombre" target="_blank"><span style="color: black; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 18px; margin-top: 2px; padding: 0pt;"><script type="text/javascript">
 xfeedburner("Redeando")
</script> Suscriptores</span>
<span style="color: black; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 0px; padding: 0px; text-align: left;">Suscribete tu también!</span></a></div>
<div style="clear: both;">
<div style="float: left; padding: 8px;">
<img src="http://img684.imageshack.us/img684/6793/usersh.png" style="float: left; margin-right: 8px;"/><span style="color: black; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 18px; margin-top: 2px; padding: 0pt;"><script>
function showpostcount(json) {document.write(parseInt(json.feed.openSearch$totalResults.$t,10));}
</script><script src="http://nombredetublog.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showpostcount">
</script> Comentarios</span>
<span style="color: black; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 0px; padding: 0px; text-align: left;">Comentate algo!</span></div>
<div style="clear: both;">
<div style="float: left; padding: 8px;">
<img src="http://img707.imageshack.us/img707/3875/bloggerf.png" style="float: left; margin-right: 8px;"/><a href="http://redeando.blogspot.com/search/label/?max-results=999" target="_blank"><span style="color: black; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 18px; margin-top: 2px; padding: 0pt;"><script src="
http://nombredetublog.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=showpostcount">
</script> Posts</span><br><span style="color: black; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 0px; padding: 0px; text-align: left;">visualizalos!</span></a></div></div></div></div></td></tr></tbody></table>