La fecha tipo calendario es una forma más de cambiar nuestra plantilla de una manera más personal.
La que he implementado en mi blog es sencilla sin fondo, aunque ponerle uno es también muy fácil.
1. En Configuración > Formato > Formato de hora cambiamos el formato de la siguiente forma:
3. Expandimos la plantilla y buscamos el siguiente código:
<div class="post hentry uncustomized-post-template">
y justo debajo añadimos:
<div class='date'>
<script type='text/javascript'>
var timestamp = "<data:post.timestamp/>";
if (timestamp != '') {
var timesplit = timestamp.split(",");
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(" ");
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
if (date_dd.substring(0,1) == "0") {
var date_dd=date_dd.substr(1,1);}
}
</script>
<div class='date_d'><script type='text/javascript'>document.write(date_dd);</script></div>
<div class='date_m'><script type='text/javascript'>document.write(date_mmm);</script></div>
<div class='date_y'><script type='text/javascript'>document.write(date_yyyy);</script></div>
</div>
4. Antes de ]]></b:skin> añadimos el css:
En url('la imagen de fondo') ponemos la dirección url de la imagen de fondo previamente alojada en nuestro alojamiento habitual.
.date { width: 60px;
height: 48px;
float: left;
background: url('la imagen de fondo') no-repeat;
}
.date_d {color: #919E7A;
font-family: Times New Roman;
letter-spacing: -2px;
display:block;
margin-top:0px;
text-align: center; font-size: 26px;
}
.date_m { display:block;
margin-top: -9px;
color: #CFCB96;
text-align:center;
font-size: 15px;
}
.date_y { display:block;
margin-top: -2px;
color: #FCAC4B;
text-align:center; font-size: 12px;
}
Fecha tipo calendario en blogger
» Escribe tu comentario aquí: 
Si quieres hacer alguna consulta sobre tu blog habilita tu perfil o deja un enlace a tu blog:
<a href="url-de-la-página">Texto enlace</a>
» O utiliza el antiguo formulario
Los comentarios están siendo moderados y publicados lo antes posible.
Visitas
6 comentarios:
hola! gracias por colgar esto porque hace tiempo que queria ponrlo, pero no sabia como. Y aunque esta muy bien explicado, no consigo hacerlo.
Todo bien hasta que llego a la plantilla en codigo html.
no encuentro lo de: divclass post hentry uncustomized-post-template
(ya se que esta mal escrito pero es que sino no me deja postear, me da error...)
tampoco entiendo cuando debo poner esto: Antes de "skin" añadimos el css
porque tampoco lo encuentro.
Si pudieras echarlo una ojeada (que no se si es suficiente con "ver codigo fuente de la pagina", te lo agradeceria muchisimo!!
mcuhas gracias, tienes un blog la mar de util!!
Núria, Tienes dos blogs, 1.Coso de ilustradores y 2.Nuri's journal.
En el 1. busca: div class='post hentry uncustomized-post-template' (comillas simples en lugar de dobles)
En el 2. busca: div class='post'
En cuanto a donde poner el listado de css, tanto en 1. como en 2. busca: ]]></b:skin> (que debes tenerlo) y antes de esa línea pegar el código que te doy en mi entrada.
Si sigues teniendo algún problema no dudes en comentarme. Saludos.
gracias jesgo. he encontrado lo de "skin" pero no ha habido forma de encontrar lo de div class= post
ah, perdona, mi blog es el de nuri's journal. en el otro solamente estoy suscrita para participar alguna vez, no me interesa tocarlo.
si me pudieras ayudar.... ;9
mcuhas gracias!!
Núria, ¿Estás marcando la casilla de Expandir plantillas de artilugios?.
ya esta ahora si sale :P mira que busca la casilla esta de expandir pero no la encontre!! ahora la he visto, estaba justo de lante de mis ojos... ejem....
muchas gracias!!
Me alegro que lo consiguieras. Saludos.