rbol de Navidad que muestra los dias que faltan para la gran fiesta de Navidad.
Este Gadget de Navidad lo hemos preparados de dos maneras por ejemplo : si copias el primer codigo y lo pegas en tu blog el Arbol de Navidad aparece donde tu quieras instalarlo, pero el segundo codigo si lo copias y lo pegas en tu blog aparece en la esquina de tu blog en la parte izquierda y fijo.
Ahora les dejo los codigos de este bonito Arbol de Navidad que muestra los dis que faltan hasta Navidad :
1. Primer Gadget es el que aparece donde tu quieras instalar el codigo :

364 días hasta la Navidad!
<center><br />
<div style="border: 0px solid rgb(0, 102, 51); color: #006633; font-size: 80%; left: 0px; padding: 7px; z-index: 888;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3H51K2lG88NyfHEQUb1ImODWDXn_m0vNCrpP9p0PBADj9qiB8AVSgesu85J-wH88lHAr3dixd5k7WhAkFHWIausGnaDdekOQXOEAg7kfBTZehpew5uoWavJpJyUxwF6R5g2stMpqQIx8W/s1600/navidad.gif" style="clear: both; display: block;" /><br />
<script type="text/javascript">
//<![CDATA[
var today=new Date()
var theoccasion=new Date(today.getFullYear(), 12, 25)
var beforeOccasionText="hasta la Navidad"
var onOccasiontext="Hoy es Navidad. Felices Fiestas!"
var monthtext=new Array("Jan","Feb","Mar","April","May","June","July","Aug","Sep","Oct","Nov","Dec")
theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format
var showdate="("+monthtext[theoccasion.getMonth()]+" "+theoccasion.getDate()+")"
var one_day=1000*60*60*24
var calculatediff=""
calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day))
if (calculatediff<0){
var nextyeartoday=new Date()
nextyeartoday.setFullYear(today.getFullYear()+1)
calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff)
}
var pluraldayornot=(calculatediff==1)? "día" : "días"
if (calculatediff>0)
document.write("<b>"+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+"!</b>")
else if (calculatediff==0)
document.write("<b>"+onOccasiontext+"!</b>")
//]]>
</script></div></center>
2. Segundo Gadget es que aparece en la esquina de tu blog en la parte izquierda y fijo.

363 días hasta la Navidad!
<center><br />
<div style="display:scroll;position:fixed;bottom:0px;left:10px;color:#006633;font-size:80%;border: 0px solid #006633;padding:7px;z-index:888"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3H51K2lG88NyfHEQUb1ImODWDXn_m0vNCrpP9p0PBADj9qiB8AVSgesu85J-wH88lHAr3dixd5k7WhAkFHWIausGnaDdekOQXOEAg7kfBTZehpew5uoWavJpJyUxwF6R5g2stMpqQIx8W/s1600/navidad.gif" style="display: block;clear: both;"/><br />
<script type="text/javascript">
//<![CDATA[
var today=new Date()
var theoccasion=new Date(today.getFullYear(), 12, 25)
var beforeOccasionText="hasta la Navidad"
var onOccasiontext="Hoy es Navidad. Felices Fiestas!"
var monthtext=new Array("Jan","Feb","Mar","April","May","June","July","Aug","Sep","Oct","Nov","Dec")
theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format
var showdate="("+monthtext[theoccasion.getMonth()]+" "+theoccasion.getDate()+")"
var one_day=1000*60*60*24
var calculatediff=""
calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day))
if (calculatediff<0){
var nextyeartoday=new Date()
nextyeartoday.setFullYear(today.getFullYear()+1)
calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff)
}
var pluraldayornot=(calculatediff==1)? "día" : "días"
if (calculatediff>0)
document.write("<b>"+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+"!</b>")
else if (calculatediff==0)
document.write("<b>"+onOccasiontext+"!</b>")
//]]>
</script></div></center>
Para decorar tu blog con uno de estos Arboles de Navidad tiene que ir a :
- Si usas la interfaz antigua entra en Diseño | Elementos de la página | Añadir gadget | HTML/Javascript.
- Si usas la nueva interfaz entra en Diseño | Añadir gadget | HTML/Javascript. y pega el codigo del boton que tu quieras.
.
No hay comentarios:
Publicar un comentario