Tutoblog para ti #9: Gadget de estadísticas.

domingo, 29 de mayo de 2016

¡Holaa lectores! Espero que hayan disfrutado de un hermoso fin de semana.
Aquí en Argentina el clima estuvo perfecto para quedarse en cama tomando algo calentito acompañado de un buen libro.


Por otro lado, el tutorial que hoy les voy a compartir no era el que había planificado para esta semana, pero como mi computadora se niega a conectarse a internet, estoy escribiendo este post desde el celular, así que desde ya me disculpo por si no está muy lindo y bien ordendo ya que es súper difícil escribir por aquí jaja.

Este gadget lo he puesto en mi blog hace como 2 o 3 meses y me gusta muchísimo, ya que me permite saber a mi, a los seguidores y visitantes también, el numero exacto de días que tiene el blog, la cantidad de entradas publicadas y el número total de comentarios.
Su edición e instalación es muy sencilla; a continuación les dejo el código que utilizarán:
<div style="float: left;"><img style="width: 53px; height:48px;" src="http://1.bp.blogspot.com/_dsEG33PDaHw/TJvkySNSsAI/AAAAAAAAAXo/xwOjSE9l92c/s1600/stats.png"/></div>
<div style=" float: left; text-align: left; font-size:12px;">
<script> function DiasOnline(Dia, Mes, Year, Texto) { Meses = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); Hoy = new Date(); Inicio = Date.parse(Meses[Mes - 1] + " " + Dia + " " + Year); Resultado = Math.round((Hoy.getTime() - Inicio) / 86400000); document.write(Resultado + " " + Texto); } DiasOnline(2212009, "" );</script> días online<br/>
<script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src="http://nombre-de-mi-blog.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=showpostcount"></script> entradas
<br/>
<script src="http://nombre-de-mi-blog.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showpostcount"></script> comentarios</div><div style="clear: both;"></div>

Edición del gadget:
Lo que está en negrita es la fecha en la cual 'inauguraron' su blog. Deben cambiarlo por la que corresponde.
Lo que esta en verde, lo deben reemplazar por el link de la imagen que quieren colocar como 'adorno'. Si no quieren poner ninguna, sólo borran el link y dejan las comillas.
Y finalmente lo que está en rojo deben reemplazarlo por la dirección de su blog.

Para instalarlo deber dirigirse a Diseño|Agregar Gadget|HTLM/Java scrip. 
Allí pegan el código, lo editan como les indiqué y listo!

Hasta aquí llegó el tutorial de hoy, espero que les haya gustado  y resultado de su utilidad, el próximo domingo subiré otro tutorial, el cual ustedes deben eligir mediante una votación (Gadget de votación titulado "Tutoblog #10", en la parte superior del blog).
 Si no quieren perderse nada, recuerden suscribirse y seguirme en mis redes sociales.
¡Un abrazo literario!

21 comentarios:

  1. Hola! Me encanta esta sección de tu blog, la verdad es que es muy útil para los que somos un poco negados en la tecnología de blogger u otra plataforma. Gracias!

    ResponderBorrar
    Respuestas
    1. Holaa que bueno que la sección resulte de su utilidad!
      Gracias a ti por pasarte y comentar el post, besos :D

      Borrar
  2. Hola!

    Me parece muy interesante. No sé si lo pondré en mi blog, pero para el que quiera hacerlo le servirá mucho. No entiendo nada de códigos al igual que muchos bloggers, me parece genial que nos ayudes. Saludos!!

    ResponderBorrar
    Respuestas
    1. Holaa, muchas gracias por comentar!
      A mi me parece genial que se tomen un momento para leer i blog y dejar su huella comentado :3
      Saludos!

      Borrar
  3. Hola, Anto
    Como siempre tus tutoriales son de mucha utilidad
    Besitos
    cdc

    ResponderBorrar
  4. :3 Creo que este sí lo voy a utilizar. Muchas gracias :3

    ResponderBorrar
    Respuestas
    1. Gracias a ti por comentar y querer aplicarlo en tu blog :D
      Saludos!

      Borrar
  5. ¡Hola! Adoro tu contenido en especial esta sección me has ayudado bastante, a crecer mi blog en unos pocos días y a mejorarlo un montón n.n
    Me gustaría que hicieras un tutorial de como poner un gadget de votación, eh buscado por muchos sitios y no encuentro, espero que lo puedas hacer un día :)
    Te mando un abrazo :3

    ResponderBorrar
    Respuestas
    1. Holaa, muchísimas gracias! comentarios como el tuyo alegran mi día :')
      Sin duda alguna realizaré ese tutorial que solicitas, así que estate atenta jaja
      Besotes!

      Borrar
  6. Me encanta tu sección de tutoblog, me has ayudado mucho sin saberlo jaja
    ¡Gracias!

    ResponderBorrar
  7. Jooo con lo chulo que es el tutorial y a mi no me funciona ;___; Me contabilidad los días online, pero no las entradas ni comentarios y lo puse todo bien T_T ¿Por qué?

    Muchas gracias por el tutorial :)

    ¡Besos!

    ResponderBorrar
    Respuestas
    1. Holaa Esther, revisa si has colocado la dirección de tu blog correctamente. Recuerda reemplazar lo que está en rojo por NOMBREDETUBLOG.blogspot.com
      solo escribe el nombre de tu blog, no pegues ningún link...
      Cualquier cosa envíame un privado y te armo el código :D
      Besos!

      Borrar
  8. Estos tutoriales son de lo más maravillosos de verdad ^-^

    ¡SE MUY FELIIIIZ! :):)

    ResponderBorrar
  9. Me encantan estos tutoriales , son lo mejor^^
    Un besito <3

    ResponderBorrar
  10. ¡Hola!
    Me encanta este tutorial porque creo que un gadget así es super útil para ver un resumen de las estadísticas de forma rápida y concreta. ^^
    ¡Mil gracias una vez más!

    Un beso.

    ResponderBorrar
    Respuestas
    1. Holaa, muchas gracias a ti por comentar y hecharle un vistazo al post jaja
      Besos!

      Borrar
  11. Hola!!
    Me gustaría añadir en mi blog mi wishlist de amazon, sabes donde puedo encontrar los widgets para poder ponerlo en el blog?
    Besos!

    ResponderBorrar

¡Hola lectores!
Si amas ♥ el olor a libro como yo, no puedes irte
sin antes dejar un comentario
¡Siempre los devuelvo!
Por favor evita hacer spoilers y que prevalezca el
respeto ante todo.
♥ Tu opinión es muy importante para mí♥

Santa Template by Mery's Notebook © 2014