Gadget de estadísticas para Blogger

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).
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Marca de agua en las imágenes con CSS # - Marca de agua en las imágenes con CSS
Efecto de desenfoque con CSS # - Efecto de desenfoque con CSS
Botones para subir y bajar en Blogger # - Botones para subir y bajar en Blogger
Insertar una página externa en una entrada en Blogger # - Insertar una página externa en una entrada en Blogger
Ocultar entradas con determinada etiqueta en el inicio de Blogger # - Ocultar entradas con determinada etiqueta en el inicio de Blogger