Gadget: Fecha en tu blog


Hoy os voy a enseñar como poner la fecha actual en vuestro blog/web. La fecha puede ser de gran utilidad para nuestros visitantes y para darle un toque de seriedad al blog.

Para insertar la fecha automática en tu blog, debes de copiar el siguiente código en la parte del blog en donde quieras que aparezca. Recomiendo añadirlo como un gadget HTML/Javascript:
<script type="text/javascript">
$(document).ready(function(){
var mydate = new Date();
var year = mydate.getYear();
if (year < 1000){
year += 1900;
var day = mydate.getDay();
var month = mydate.getMonth();
var daym = mydate.getDate();
}
if (daym < 10){
daym = "0" + daym;
}
var dayarray = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");
var montharray = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio",
"Agosto","Septiembre","Octubre","Noviembre","Diciembre");
var fecha = dayarray[day] +" "+ daym +" de "+ montharray[month]+ " de "+ year;
$(".fecha").html(fecha);
});
</script>
<div class="fecha"></div>

El resultado es el siguiente:

Si quieres que el gadget de la fecha actual tenga además un diseño como el siguiente, copia el siguiente código además del otro:
<style type="text/css">
.fecha {
position: relative;
width: 250px;
height: 50px;
text-align: center;
line-height: 50px;
border: 1px solid #E0E0E0; //Color borde
background: #F7F7F7; //Color fondo
color: #FFFFFF; //Color letra
margin: 15px auto;
}
</style>

Si queréis cambiar los colores del borde, del fondo o de la letra, pinchar en el siguiente link y escoger el color deseado y copiar la casilla donde dice HEX.

Espero que os sea de gran utilidad y os sirva para darle un toque que diferencie vuestro blog. De nuevo, el estilo lo podéis cambiar a vuestro gusto aunque si necesitáis ayuda os ayudaré encantado.

Atentamente, Rodrigo Luján

0 comentarios:

Publicar un comentario

Operadores móviles


Si te gustan sus tarifas y quieres venirte a Yoigo, contáctame y consigue 5€ de regalo en consumo, tanto en contrato como prepago.

Si te gustan sus tarifas, sus bonos de internet, y quieres venirte a Tuenti móvil con 10€ de regalo en consumo tanto en contrato como prepago, haz clic aquí.
 
Webs y demás cosas © 2013