-->
Contador progresivo de vida del blog

Contador progresivo de vida del blog

El siguiente script basado en javascript permite mostrar una caja que detalle el periodo de vida del blog representado en días.

Para ello primeramente debemos conocer la fecha en la que fué publicado el blog, ya que con esta fecha comenzará a marcar el contador.

Vista Previa:

¿Cómo añadirlo a Blogger?:
En ''Diseño | Elementos de la página'', añadiremos un gadget ''HTML/Javascript''. En él pegaremos el siguiente código:
<div id="contador-progresivo" style="background: #000 url(http://3.bp.blogspot.com/-nAN_T8mxYbE/TglQLWZ8saI/AAAAAAAABIc/qdX_YXUrKfo/s1600/icon_primary_calendar.png) no-repeat right bottom; border: 1px solid #dadada; color: white; height: auto; margin: 0px auto; padding: 5px; width: 150px;">

<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("Este blog tiene "+diferencia+" de vida.")

}

countup(2010,11,04)

</script>

</div>

Guarda el gadget y listo.
Importante:
  • Reemplaza el valor 2010,11,04  por la fecha en la que iniciaste el blog (Año/Mes/Día).
  • Si no conoces la fecha de apertura del blog, te recomiendo que busques la primera entrada del blog y que le pongas esa fecha.
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
SlickRSS: Pack de Iconos para RSS # - SlickRSS: Pack de Iconos para RSS
Crear más de 10 páginas estáticas en Blogger # - Crear más de 10 páginas estáticas en Blogger
Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger # - Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger
Enlaces para compartir tus posts en Blogger # - Enlaces para compartir tus posts en Blogger
Thumbs Up and Down en Comentarios de Blogger # - Thumbs Up and Down en Comentarios de Blogger