Gadget para mostrar la fecha del día | blogsmadeinspain

Aquí encontrarás plantillas para Blogger diseñadas por mí totalmente gratuitas, conocerás como se manipulan imágenes, fondos, texto, enlaces o links, los mejores widgets o gadgets, herramientas y utilidades, etc... Y además puedo diseñarte una plantilla exclusiva para tí, totalmente a tu gusto, y solo por 38 Euros.

Gadget para mostrar la fecha del día

Os he diseñado un sencillo gadget para los que estáis interesado en colocar la fecha diaria en un sitio visible de vuestro blog. Aunque yo os dejo aquí cuatro modelos diferentes, los que seáis un poco “manitas” con el lenguaje html podéis fácilmente cambiar la imagen de fondo, tipo, tamaño y color de letra, etc…

Para colocarlo en vuestros blogs, solo tenéis que elegir el modelo que más os guste y añadir sus códigos como gadget "HTML/Javascript".

Ver código del modelo superior izquierdo...[+/-]

    <center><strong><div style="width: 156px; height: 112px; background-image: url(http://3.bp.blogspot.com/-4ofYQb4TMcs/UD3snKkbNjI/AAAAAAAABaI/nzQM42VQOUI/s1600/fondofecha01.png); line-height: 1.5em;">

    <div style="font-family: century gothic; padding: 18px 0 0 0; font-size: 26px; color: #ffffff; background: none;"><script>

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

    var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");

    var f=new Date();

    document.write(diasSemana[f.getDay()]);

    </script></div>

    <div style="font-family: century gothic; padding: 5px 0 0 0; font-size: 15px; color: #ffffff; background: none;"><script>

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

    var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");

    var f=new Date();

    document.write(f.getDate() + " de " + meses[f.getMonth()]);

    </script></div>

    <div style="font-family: arial black, century gothic; padding: 8px 0 21px 0; font-size: 36px; color: #3894cb; background: none;"><script>

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

    var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");

    var f=new Date();

    document.write(f.getFullYear());

    </script></div></div></strong></center>

    <div style="position:relative;top: -7px; #top: -14px"><p><div style="text-align: center; line-height: 0.1em; font-size: 10px"><font face="century gothic">Gadget by <a href="http://www.blogsmadeinspain.blogspot.com/" target="_blank">Blogsmadeinspain</a></font></div></p></div>

Ver código del modelo superior derecho...[+/-]

    <center><div style="width: 150px; height: 77px; background-image: url(http://1.bp.blogspot.com/-Z61LP369Uv0/UD5WW_rR60I/AAAAAAAABac/m1kmgyiKT2g/s1600/fondofecha02.png); line-height: 1.5em;">

    <div style="font-family: century gothic; padding: 10px 0 0 0; font-size: 15px; color: #ffffff; background: none;"><script>

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

    var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");

    var f=new Date();

    document.write(f.getDate() + " de " + meses[f.getMonth()]);

    </script></div>

    <div style="font-family: century gothic; padding: 8px 0 21px 0; font-size: 36px; color: #63957f; background: none;"><script>

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

    var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");

    var f=new Date();

    document.write(f.getFullYear());

    </script></div></div></center>

    <div style="position:relative;top: -7px; #top: -14px"><p><div style="text-align: center; line-height: 0.1em; font-size: 10px"><font face="century gothic">Gadget by <a href="http://www.blogsmadeinspain.blogspot.com/" target="_blank">Blogsmadeinspain</a></font></div></p></div>

Ver código del modelo inferior izquierdo...[+/-]

    <center><div style="width: 150px; height: 77px; background-image: url(http://4.bp.blogspot.com/-eKcvl1c_Thk/UD5a4d5eUjI/AAAAAAAABaw/RCfkhUvkyk8/s1600/fondofecha03.png); line-height: 1.5em;">

    <div style="font-family: century gothic; padding: 10px 0 0 0; font-size: 15px; color: #ffffff; background: none;"><script>

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

    var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");

    var f=new Date();

    document.write(f.getDate() + " de " + meses[f.getMonth()]);

    </script></div>

    <div style="font-family: century gothic; padding: 8px 0 21px 0; font-size: 36px; color: #de7223; background: none;"><script>

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

    var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");

    var f=new Date();

    document.write(f.getFullYear());

    </script></div></div></center>

    <div style="position:relative;top: -7px; #top: -14px"><p><div style="text-align: center; line-height: 0.1em; font-size: 10px"><font face="century gothic">Gadget by <a href="http://www.blogsmadeinspain.blogspot.com/" target="_blank">Blogsmadeinspain</a></font></div></p></div>

Ver código del modelo inferior derecho...[+/-]

    <center><div style="width: 180px; height: 62px; background-image: url(http://1.bp.blogspot.com/-E-JcWuGvn6Q/UD5glfZvoKI/AAAAAAAABbE/FeLCsukJRfw/s1600/fondofecha04.jpg); line-height: 1.5em; border: 1px solid #8e8e8e;">

    <div style="font-family: century gothic; padding: 10px 0 0 0; font-size: 22px; color: #8e8e8e; background: none;"><script>

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

    var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");

    var f=new Date();

    document.write(diasSemana[f.getDay()]);

    </script></div><strong>

    <div style="font-family: century gothic; padding: 5px 0 0 0; font-size: 12px; color: #ffffff; background: none;"><script>

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

    var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");

    var f=new Date();

    document.write(f.getDate() + " de " + meses[f.getMonth()] + " de " + f.getFullYear());

    </script></div></strong></div></center>

    <div style="position:relative;top: -7px; #top: -14px"><p><div style="text-align: center; line-height: 0.1em; font-size: 10px"><font face="century gothic">Gadget by <a href="http://www.blogsmadeinspain.blogspot.com/" target="_blank">Blogsmadeinspain</a></font></div></p></div>

Como siempre, espero que os guste y sea de utilidad para muchos.

5 comentarios:

Unknown dijo...

Muchas gracias!!! He puesto el ccalendario naranja!!

10 de octubre de 2012, 23:25  
Kimara dijo...

No me va la fecha... D: ¿Qué puedo hacer?

4 de noviembre de 2012, 20:45  
Blogsmadeinspain dijo...

Nepeta Rose, no hay ningún motivo para que este gadget no funcione.
Asegúrate que el código que has colocado es exactamente el que yo tengo en este post. Cualquier pequeño cambio o espacio en blanco puede afectar a su funcionamiento.

5 de noviembre de 2012, 10:11  
tiochistin dijo...

Gracias!!!

21 de marzo de 2013, 21:40  
torashogun dijo...

nuevamente,muchas gracias

29 de noviembre de 2013, 2:22  

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)