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
Botones para subir y bajar en Blogger # - Botones para subir y bajar en Blogger
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
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
Insertar una página externa en una entrada en Blogger # - Insertar una página externa en una entrada en Blogger