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/AVvXsEjcGqGH4BzvANglXCwH_RiK9Yb1JlOY2sAt_wpu_sHipffKzIaTVF071ZdPdR1FXeFBHjslrcpRt1fid3dUWJ__Fn_FvEisq-pQEc84lDHMcu0OMR0bG63aIgxXeSK8kF8NPOagZFGxCMkL/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!)
Leer Importante...
Enlaza el blog ...
Ultimos comentarios
El efecyo es bueno pero la imagen no se mira mucho de calidad :5)
Pero bonito efecto lo usare en Mi blog.
Que bonito, :)
Lo ponemos en la sidebar jajajaja :23)
Idennis12: Puedes cambiar la imagen.
Adriana: si lo pones en la sidebar modifica el estilo del div y seguramente al script tengas que quitarle //<![CDATA[ y //]]>.
Hola, lo puse pero no se modificar el estilo y me queda fuera de la página del lado izquierdo :26) cómo lo pongo dentro del blog??????
Gracias
Adriana: yo lo veo bien.
Si quieres en otro lado modifica acá:
"position:fixed;top:10px;left:10px;color:#006633;font-size:80%;border: 1px solid #006633;padding:7px;z-index:888"
position:fixed - queda fijo
top:10px - distancia desde arriba
left:10px - distancia desde la izquierda
mi resolucion de pantalla es 1024 x 768. ¿cual es la tuya?
si es mas grande pon el código abajo de <div id='outer-wrapper'><div id='wrap2'>
Hola... yo tengo un monitor mas grande...:13) y me queda a la izquierda arriba de todo y yo lo queria dentro de la sidebar dentro del gadget pero me fije en una página que vi en resolución 1024 y le cae en la cabeza a la señora mayor... no lo ve así??? puse el còdigo div id ....??? pero quedo igual!!!!
Espero se pueda ... si no pongo un árbol dentro del gadget y listo :1)
Adriana: Cuando uno pone algo con position fixed siempre va a tener ese problema, se va a ver segun con la resolucion del monitor en la posicion que se configure, en este caso top:10px y left:10px
Fijate en esta página que te da la opcion de ver en distintas resoluciones:
http://testsize.com/?url=http%3A%2F%2Freparaciondepc.cl%2Fblog&size=4&width=1024&height=600
Siempre acuerdate que no todos tienen la misma resolucion. La mas comun es 1024 x 768.
lo que pueses hacer es cambiar left;10px por 200px o algo asi, pero lo vas a ver vos bien y yo lo voy a ver mas hacia el medio.
Seguramente vos ves el menu y las flechas a la derecha de mi blog por fuera del blog?
Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.
Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.
Nota: solo los miembros de este blog pueden publicar comentarios.