Fecha diaria en el blog.

Algunos me han preguntado cómo poner la fecha en el blog de modo que se actualice automáticamente, tal como lo tengo arriba de la cabecera de este mismo blog del lado izquierdo.


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 Plantilla | Edición de HTML, y 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.

9 de abril de 2010 Publicado por El Potro , Etiquetas: Gadgets , Trucos 293 comentarios,

ORIGEN DEL ARTICULO: http://www.ciudadblogger.com/2010/04/fecha-diaria-en-el-blog.html