Ir a Diseño, Edición de HTML y justo abajo de <body>
Poner el siguiente código:
<center>
<div style="position:fixed;top:10px;left:10px;color:#006633;font-size:80%;border: 1px solid #006633;padding:7px;z-index:888">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh01KXoZLcRprPOoRsJAp8IlidbfgZTUdAS7jiQ04NU8aKjtD9zUGj95PaAKEsAxclHJ_RtFcdaV5aSpLHrYrgz7Sf-D9LRJ4wHTNbYrBg2sR3Bw5mn7A-Ss_WbKc1UsytHFJekJiGBbnxB/s1600/navidad.gif" style="display: block;clear: both;"/>
<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>
Se mostrara arriba a la izquierda.
Se puede personalizar con estilo CSS. (en rojo)
Elegir y cambiar la imagen. (en azul)
Cambiar texto. (en negrita)
Hay 2 textos distintos:
El primero es el que se muestra hasta llegar al día 25 de diciembre. (hasta la Navidad)
El segundo se mostrara solo el 25 de diciembre. (Hoy es Navidad. Felices Fiestas!)
0 comments:
Post a Comment