Personalizar la fecha del blog

Utilidades Blogs por el 14 de abril del 2007

Llevaba tiempo queriendo poner la fecha como la podeis ver en este blog.
Bueno,pues ya he dado con ello en el blog:https://gemablog-.blogspot.com/2007/03/personalizar-la-fecha-del-blog.html
Os lo explico aquí como se hace, si no me comprendierais en su blog ,lo explica Gema muy bien.

Nos vamos a opciones–>formato–>formato de cabecera de fecha–>elegimos el formato:14marzo2007–>guardar cambios

Ahora vamos a:
Plantilla/Edición de html buscamos </head>
y justo antes copiaremos el siguiente código: <script>
function remplaza_fecha(d){
var da = d.split(&#39; ‘);
dia = “<div class=’fecha_dia’>&quot;+da[0]+”</div>&quot;; //Le otorgamos una clase al día
mes = &quot;<div class=’fecha_mes’>&quot;+da[1].slice(0,3)+&quot;</div>&quot;; //Le otorgamos una clase al mes
anio = &quot;<div class=’fecha_anio’>&quot;+da[2]+”</div>&quot;; //Le otorgamos una clase al año
document.write(dia+mes+anio);
}
</script>

Guardar cambios.
Ahora expandimos plantilla de artilugios.
Buscamos: <data:post.dateHeader/>
lo eliminamos y ponemos esto:
<div id=’fecha’>

<script>remplaza_fecha(‘<data:post.dateHeader/>’);</script>

</div>
Ahora buscamos:]]></b:skin>
y justo encima añadimos lo siguiente:
#fecha {
display: block;
margin:0 10px;
float:left;
padding: 5px;
color: #464646;
background: #e4e3ad;
border:#d7d675 3px solid;
text-transform:capitalize;
}

.fecha_dia {
display: block;
font-size: 16px;
font-weight:bold;
}

.fecha_mes {
display: block;
font-size: 10px;
}

.fecha_anio {
display: block;
font-size: 10px;
}
Guardar cambios.
Espero que te salga…
Vía:https://gemablog-.blogspot.com/

COMPARTE ESTE ARTÍCULO

ARTÍCULOS RELACIONADOS


Bookmark-Marcadores sociales


Drop Caps


Menú horizontal


7 comentarios



 

  1. paqui dice:

    Hola Jenny.
    Voy a Intentar cambiar lo de la fecha, ya te contare.
    Besicos

  2. jennydemalaga dice:

    Hola aqui.

    Seguro que te sale.
    Me pasaré a verlo.

    Besos

  3. elsacelsius dice:

    esto es genial…gracias por tu ayuda.
    Un beso

  4. -Leonardo Miquilena- dice:

    hola amiga.. sabes este truco no me sale.. que sucede… hago los pasos exactamente como me dicen.. y nada.. no me sale.. no que sucede

  5. jennydemalaga dice:

    Hola Leonardo.

    He mirado el codigo de tu plantilla.

    Te he enviado un correo a ver si te sale con algo que tee xplico.

    Saludos.

  6. ani dice:

    hola!!!
    he echo lo que has dicho pero no me queda igual que tu, me queda como en el blog de Gema…y yo la queria asi como la tuya…

  7. Jenny dice:

    Hola Ani.
    Así es como la tenía yo antes que estaba en blogger. De todos modos, puedes ir jugando cambiando el color y tamaños en lo que has añadido encima de b:skin.

Dejar un comentario





VOLVER A LA PÁGINA PRINCIPAL




POSTS DESTACADOS


tintes_sin_ppd renovar_dni_pasaporte flores_de_bach
denunciar_blog_blogger significado_codigo_marcado_huevos significado_soñar_con_ratones



juegos_monster_high_draculauraJuegos Monster High imagesJuegos cocinar cirujanaJuegos hospital.
imagesJuegos de música corazonJuegos Amor navidadJuegos Navidad y halloween
pensarJuegos de pensar supermarioJuegos de aventura. enfemeniJuegos vestir
colorearJuegos pintar puzzleJuegos rompecabezas disneyJuegos Disney
maquillarJuegos maquillar. bebesJuegos bebes. Juegos animales.