Fecha diaria Actualizada en el blog

Esto se usa mucho en blogs de noticias pero igual puede usarse en cualquier blog ya que la fecha aparece de forma discreta y de manera sencilla.

Funciona con un script en el cual la fecha se actualiza automáticamente con la fecha de la computadora.

Para ponerlo en tu blog sólo entra en Diseño > Edición de HTML, busca esta etiqueta:

<div id='header-wrapper'>

O si usas una plantilla del Diseñador de plantillas de Blogger busca esta etiqueta:

<header>

Y justo arriba de cualquiera de ellas pega lo siguiente:

<div class='fechadeldia'>
<p>
<script type='text/javascript'>
var mydate=new Date()
var year=mydate.getYear()
if (year &lt; 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym&lt;10)
daym=&quot;0&quot;+daym
var dayarray=new Array(&quot;Domingo&quot;,&quot;Lunes&quot;,&quot;Martes&quot;,&quot;Miércoles&quot;,&quot;Jueves&quot;,&quot;Viernes&quot;,&quot;Sábado&quot;)
var montharray=new Array(&quot;Enero&quot;,&quot;Febrero&quot;,&quot;Marzo&quot;,&quot;Abril&quot;,&quot;Mayo&quot;,&quot;Junio&quot;,&quot;Julio&quot;,&quot;Agosto&quot;,&quot;Septiembre&quot;,&quot;Octubre&quot;,&quot;Noviembre&quot;,&quot;Diciembre&quot;)
document.write(&quot;&lt;p&gt;&quot;+dayarray[day]+&quot;, &quot;+montharray[month]+&quot; &quot;+daym+&quot;, &quot;+year+&quot;&lt;/p&gt;&quot;)
</script>
</p>
</div>

Con eso tendrás la fecha en tu blog arriba de la cabecera. Si quisieras agregarle estilos como color de fondo, cambiar el texto, etc. entonces pega antes de ]]></b:skin> esto:

.fechadeldia p {
background: #0B3861; /* color de fondo */
width: 99%; /* ancho del fondo */
margin: 0;
padding: 1px 0 3px 10px;
color: #FFF; /* color del texto */
font-weight: bold;
font-style: italic;
font-size: 12px; /* tamaño del texto */
}

Puedes cambiar los estilos que quieras, he puesto en color verde a qué corresponde cada uno; agrega o elimina los que quieras.

Categories: Gadgets, Herramientas, Trucos