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:
Viernes 11 de Abril de 2025
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:
Viernes 11 de Abril de 2025
<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