Como personalizar la fecha de tu blog en blogger

2 comentarios jginformatico Por jginformatico El 19 de junio de 2010

Como personalizar la fecha de tu blog en blogger

Blogger es uno de los sistema junto con wordpress que nos evitar tener que crear paginas web que en la actualidad mas triunfa por eso mismo os voy a explicar a continuación como personalizar la fecha de tu blog en blogger de una forma fácil y rápido mediante el uso de imágenes:

1- Primero accedemos hacia Configuración-> Formato.

2-Buscas en donde dice Formato de cabecera de Fecha y le das a la opción que te muestro a continuación por ejemplo: 21 mayo 2009.

3-Le das a guardar cambios y te diriges hacia Plantilla->Edición Html y buscas la etiqueta <body> y despues pegas en siguiente código javascript:

<script>
function remplaza_fecha(d){
var da = d.split(‘ ‘);
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>

4-Guarda los cambios y ahora dale a Expandir artilugios y busca el siguiente trozo de código:

<data:post.dateHeader/>

5-Bórralo y sustitúyelo por este otro código:

<div id=’fecha’>
<script>remplaza_fecha(‘<data:post.dateHeader/>’);</script>
</div>

6-Pór ultimo busca lo siguiente:

]]></b:skin>

7-Sustitúyelo por lo ssguiente:

#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;
}

Y ya está completo el tutorial sólo debes de guardarlo y listo, espero que te haya servido :P

Visitantes encuentran esta página buscando por:

  • cambiar tipo de fecha en blogger
  • formatos fecha blogger
  • fecha blogger
  • personalizar fecha en blogger
  • personalizar la fecha en blogger
  • personalizar blog
  • cambiar formato fecha blogger
  • personalizar archivo del blog
  • blogger personalizar fecha
  • personalizar la fecha
  • personalizar fecha
  • 1
  • personalizar fecha blog
  • formato de fecha en blogger
  • fecha en blogger
  • personalizar fecha blogger

  • formato fecha blogger
  • personalizar fecha de blogger
  • personalizar etiquetas blogger
  • personalizar archivo blogger
  • http://oliverosm.blogspot.com oliverosm

    Muy buena tu web sigue asi

  • http://l-erotisme.blogspot.com M’AF AUB’S

    Hola. Mi duda es: estoy usando Blogger in Draft en donde puedo agregar el código CSS en el Disenador de Plantillas. ¿Puedo hacer todo lo que mencionaste directamente en este campo y dejar el código HTML sin modificar? De antemano saludos.