Widget estadisticas


Ir a Diseño, Elementos de la página y añadir un gadget HTML/Javascript.

Poner el siguiente código:
<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="margin-right: 8px; float:left;" />
<a href="http://twitter.com/v_ku" target="_blank" ><span style="float: left; margin-top:2px;padding:0;font-size:18px;color:#000;font-family:Arial,Helvetica,sans-serif;">
<script type="text/javascript"> xtwitter("v_ku") </script> Seguidores</span><br /><!--[if IE]><br /><![endif]-->
<span style="text-align:left;margin:0px;padding:0px;font-size: 12px;color:#000;font-family:Arial,Helvetica,sans-serif;">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="margin-right:8px;float:left;" />
<a href="http://feeds.feedburner.com/blogspot/qygH" target="_blank" ><span style="float:left;margin-top:2px;padding:0;font-size: 18px; color:#000;font-family:Arial,Helvetica,sans-serif;">
<script type="text/javascript"> xfeedburner("blogspot/qygH") </script> Suscriptores</span><br /><!--[if IE]><br /><![endif]-->
<span style="text-align:left;margin:0px;padding:0px;font-size:12px; color:#000;font-family:Arial,Helvetica,sans-serif;">Suscribirse 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="margin-right:8px;float:left;" />
<span style="float:left;margin-top:2px;padding:0;font-size:18px;color:#000;font-family:Arial,Helvetica,sans-serif;">
<script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src="http://loseasi.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> Comentarios</span><br /><!--[if IE]><br /><![endif]-->
<span style="text-align:left;margin:0px;padding:0px;font-size: 12px;color:#000;font-family:Arial, Helvetica, sans-serif;">Comente también!</span>
</div><div style='clear:both;'/>

<div style='float:left;padding:8px;'>
<img src="http://img707.imageshack.us/img707/3875/bloggerf.png" style="margin-right:8px;float:left;" />
<a href="http://loseasi.blogspot.com/search/label/?max-results=999" target="_blank"><span style="float:left;margin-top:2px;padding:0;font-size: 18px; color:#000;font-family:Arial,Helvetica,sans-serif;">
<script src="http://loseasi.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Posts</span><br /><!--[if IE]><br /><![endif]-->
<span style="text-align:left;margin:0px;padding:0px;font-size:12px; color:#000;font-family:Arial,Helvetica,sans-serif;">visualizalos!</span></a>
</div><div style='clear:both;'/>
<span style='font-size: 65%;font color: #000;float: left;padding-left:40px'>Widget by Vku.  <a target='_blank' href='http://loseasi.blogspot.com/2010/04/widget-estadisticas.html'><font color="#000000"> Instale este widget</font></a></span>
Sustituir lo que esta en rojo por sus propios datos.

20 comentarios:

  1. muy buen post!!podrias agregarle "seguidores del blog"???
    saludos!!

    ResponderEliminar
  2. hola !estuve probando este widget y no me sale el numero de suscriptos podrias aclararme como poner los enlaces y cuales son??
    me refiero a estos que decis que hay que cambiar


    http://feeds.feedburner.com/blogspot/qygH
    blogspot/qygH


    gracias
    saludos!

    ResponderEliminar
  3. Cocofansclub lo de seguidores nunca lo estudie, por ahora no tengo idea de como funciona.

    lo que no te salga debe ser porque no esta activado en tu feed.

    blogspot/qygH es el mio tu tienes que poner el tuyo.

    para activarlo tienes que entrar a la configuracion de tu feed, ir a la pestaña "Publicize", allí escoges "FeedCount" activar.

    ResponderEliminar
  4. gracias!ya pude solucionarlo!!

    tenes alguna entrada que expliques como poner esto que tenes debajo de "etiquetas"


    3: Ya han dejado su comentario, otro puedes ser tú.

    desde ya muchas gracias!!
    C.M

    ResponderEliminar
  5. No, lo aprendi de mi amiga Rosa Del Escaparate

    ResponderEliminar
  6. podrias pasarmelo??si NO es mucha molestia, es que soy fatal en esto de bucar.....
    gracias!!
    C.M

    ResponderEliminar
  7. http://elescaparatederosa.blogspot.com/2009/05/cambiar-leyenda-de-comentarios.html

    ResponderEliminar
  8. Hola!!veo que el tuyo tiene efecto que cambia de color al pasar el cursor,esto esta hecho desde la plantilla??me cuentas como hacerlo??
    besos
    cl@u

    ResponderEliminar
  9. Imagino que me preguntas por lo de los comentarios y no sobre esta entrada.
    Es de la plantilla.

    Tu tendrias que agregar abajo de:
    a:link {
    color: #333333;
    }
    a:hover {
    color: #xxxxxx;
    }
    donde xxxxxx es el color al pasar el cursor.
    Esto cambia para todo el blog

    si es para un lado especifico de la página tiene que tener la id o clase adelante ejemplos:
    h3 a:hover {
    color: #xxxxxx;
    }
    .post-footer a:hover {
    color: #xxxxxx;
    }

    ResponderEliminar
  10. si perdon!!es que con tantas preguntas que te he hecho!!!!
    gracias!!
    C.M

    ResponderEliminar
  11. Vku,otra vez yo...en mi blog de pruebas me ha quedado,aunque no en su sitio pero salio,y en mi blog no,te comento que permanece la leyenda comentarios,entonces me queda "

    11 COMENTARIOS CON LA FRASE QUE HE PUESTO,Y NO ME FUNCIONA CON EL EFECTO AL PASAR EL CURSOR...podrias verlo me ayudas??
    PERDON POR MOLESTAR TANTO....
    CL@U

    ResponderEliminar
  12. Yo veo que cambia para verde.

    si quieres que solo cambie en lo de los comentarios y no en toda la página el código es el siguiente:

    .comment-link a:hover {
    color: #xxxxxx;
    }

    Lo que vi que tienes mal en el código

    a:link {
    color: #333333;
    }
    a:hover {
    color: #81F305;
    }
    color: #333333;
    }

    a:visited {
    color: #333333;
    }
    saca lo que esta en negrita que pegastes mal
    color: #333333;
    }

    ResponderEliminar
  13. si vku,me gusta en todo el blog,ese no seria el problema ,pero justo donde yo lo queria no me funciona!!
    y me sigue quedando la leyenda comentario y no cambia de color,cambie el codigo como me decis pero sigue igual
    esto es lo tengo en la plantilla esta mal??o donde estaria el error??


    a:link {

    color: #333333;
    }
    a:hover {
    color: #81F305;
    }
    a:visited {
    color: #333333;
    }

    ResponderEliminar
  14. volvi a la imagen, no me sale...
    gracias!!
    saludos

    ResponderEliminar
  15. Coco realmente no entiendo que es lo que encontras vos como problema o que es lo que no sale.

    Ese codigo esta bien.

    Hay cosas que yo no puedo ver desde el código fuente de tu blog.

    Por lo que yo vi no quitastes el error que te puse en el anterior comentario marcado en negrita y
    a:visited {
    color: #333333;
    }
    lo veo repetido

    lo que si entro en una entrada no veo el a:hover tal ves lo tengas entre algun condicional.

    Antes de hacer algun cambio hace un respardo de la plantilla.

    Otra de las cosas que note es que te sale 11 comentarios...Ya han dejado su comentario,otra podes ser vos!!!

    Donde esta repetido comentarios

    Mira este es el código que tengo yo en mi plantilla:

    <b:if cond='data:post.allowComments'>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments ==0'>Deja tú comentario, Anímate ¡Sé el primero!<b:else/><data:post.numComments/>: Ya han dejado su comentario, otro puedes ser tú.</b:if></a>
    </b:if>

    comparalo con el tuyo, me parece que tendrias que quitar:
    <data:top.commentLabel/> y <data:top.commentLabelPlural/>

    Ver imagen: http://img24.xooimage.com/files/2/a/0/dibujo-1b80011.png

    ResponderEliminar
  16. Mientras vos hacías cambios yo estaba viendo tu código fuente. jeje.

    No desista compañero de los errores uno aprende.

    Pero no hay que darse por vencido.

    ResponderEliminar
  17. VKU!
    INTENTO MANADARTE UN EMAIL PERO EN EL FORMULARIO DE CONTACTO ES IMPOSIBLE NO ME TOMA LA VERIFICACION DE PALABRAS..:11

    ResponderEliminar
  18. Mandamelo a mi trabajo anfelweb@gmail.com

    ResponderEliminar
  19. Hola esta muy bueno este widget amigo, pero tiene 2 errores a ver si me puedes decir como solucionarlo o alguna idea para hacerlo, el primer error es que donde pone comentar tambien no va a ningun enlace es decir no existe dicho enlace y el otro error es que a veces se ven los suscriptores y otras veces no, ahora mismo lo vi en tu blog de pruebas y tambien falla osea que es general, si me pudieras ayudar te lo agradeceria en el alma porque este widget me encanta, espero tu respuesta amigo, saludos

    ResponderEliminar
  20. Howard Yoseph: es imposible poner un link a comentar. Imaginate que si tienes 300 comentarios a cual de todos vas a ir a comentar.

    Lo otro pasa en algunas ocasiones pero no hay solución, en este momento esta bien, yo veo mis 368 post.

    ResponderEliminar

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.

Nota: solo los miembros de este blog pueden publicar comentarios.