Contador Regresivo de Navidad Para Blogger

Tags: Contador regresivo de navidad para el blog, contador navidad para blogger... 

Solemos anticiparnos a las fiestas, en esta ocasión estamos tan solo a 2 de Noviembre, pero muchos de los blogueros se aconstumbran a adornar los blogs para sus visitantes, deseándoles unas felices fiestas.

Navegando en la web me encontré con un llamativo código de contador regresivo para los días de noche buena (navidad),  aparte esta muy bien adornado con una imagen de fondo alusiva a dicha fecha.

Para instalarlo en el blog debemos:

•  Ingresar a Diseño/ Añadir Gadget HTML Javascript/ y pegar el siguiente código:

<div style="color: #ffffff; font-family:verdana; font-size: 14px; padding-left: 68px; padding-top: 30px; min-height: 100px; background:url(https://lh3.googleusercontent.com/-EDe89HsGdw8/UJRCOwSb0OI/AAAAAAAAAd8/lzhPRvvJeQQ/s320/navidad.png) top left no-repeat;">

<script type="text/javascript">

/*

Annual Occasions Count Down script- By JavaScript Kit

For this and over 400+ free scripts, visit http://www.javascriptkit.com

This notice must stay intact

*/

var today=new Date()

//Enter the occasion's MONTH (1-12) and DAY (1-31):

var theoccasion=new Date(today.getFullYear(), 12, 25)

//Customize text to show before and on occasion. Follow grammer below:

var beforeOccasionText="para Navidad"

var onOccasiontext="Hoy es Navidad. Felices Fiestas!"

var monthtext=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre")

theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format

var showdate="("+theoccasion.getDate()+" de "+monthtext[theoccasion.getMonth()]+")" //show date of occasion

var one_day=1000*60*60*24

var calculatediff=""

calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day))

if (calculatediff<0){ //if bday already passed

var nextyeartoday=new Date()

nextyeartoday.setFullYear(today.getFullYear()+1)

calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff)

}

//Display message accordingly

var pluraldayornot=(calculatediff==1)? "día" : "días"

if (calculatediff>0)

    document.write("<b>"+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+" "+showdate+"!</b>")

else if (calculatediff==0)

    document.write("<b>"+onOccasiontext+" "+showdate+"!</b>")

</script>

</div>

Puedes Modificar algunas estiquetas del código anterior que están resaltadas en rojo:

• #ffffff: */ Color de la letra del mensaje del conteo regresivo */ 
• verdana: */fuente de la letra del mensaje de cuenta regresiva*/  
• padding-left: 68px: */Espacio a la izquierda del mensaje de cuenta regresiva*/ 
• padding-top: 30px: */Espacio arriba del mensaje de cuenta regresiva*/
•  https://lh3.googleusercontent.com/-EDe89HsGdw8/UJRCOwSb0OI/AAAAAAAAAd8/lzhPRvvJeQQ/s320/navidad.png: */Imagen de Fondo*/  
• Hoy es Navidad. Felices Fiestas!: /*Mensaje de cuando sea 25 de Diciembre*/