Fecha diaria en el blog

9 de abril de 2010 293 comentarios ,
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.

fecha

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.


293 comentarios en:

" Fecha diaria en el blog "

  1. Es lo que habia estado esperando desde hace mucho tiempo.

    Potro, de nuevo muchas gracias por compartir. Saludos!

    ResponderEliminar
  2. siguiendo todos lo aportes de este blog muchas gracias gnt

    ResponderEliminar
  3. HOla

    ¿Y en las nuevas plantillas que tienen un código diferente dónde lo pondriamos?

    Y si queremos ponerlo bajo la cabecera, antes de las entradas

    ResponderEliminar
  4. CяιsтιαиGσиzαlєz, sorry si te hice esperar con este post pero luego se me acumulan algunos pedidos. Saludos!

    bU, gracias a ti por visitar este sitio =)

    Isaac Chavero, si la plantilla no tiene los mismos códigos que una plantilla clásica entonces necesitaría ver el blog para decirte dónde se pondría el código.

    ResponderEliminar
  5. Hola... muy bueno... algún día lo agregaré...
    Oye... el código se te fue de la blockquote... si miras bien, se sale hasta del outer wrapper... fijate...
    Saludos y sigue posteando así ;)

    ResponderEliminar
  6. Siempre se sale cuando una línea es demasiado larga y no tiene espacios. Podría arreglarlo pero se desconfiguran muchas cosas =S

    Saludos.

    ResponderEliminar
  7. Gracias a la subscripcion a tu feed, finalmente pude ver este esperado gadget,

    Muchas gracias, Potro,

    Un abrazo.

    ResponderEliminar
  8. Esta bueno este truco Potro. Una pregunta ¿Se puede separar con barra inclinada (/) en ves de comas (,) o con guiones (-)?
    Bye

    ResponderEliminar
  9. Buen Truco Potro, me Preguntaba Si Existe Un Truco Para Ocultar u Mostrar la Navbar, ¿Podria Funcionar,No?

    ResponderEliminar
  10. Perdón me Equivoque, Quise Decir la Cabecera

    ResponderEliminar
  11. Bien,lo bueno que mi plantilla lo trae por defecto1!

    ResponderEliminar
  12. Buen post.

    Espero ver otro post asi, pero en vez de fecha que sea un menu.

    Por cierto, tengo una duda sobre los comentarios.
    Ocurre que yo al igual que tu respondo los comentarios, pero me han llegado comentarios con saludos a las estrellas de disney.

    La pregunta es: ¿Respondo esos comentarios?

    saludos.

    ResponderEliminar
  13. Adrián J. Messina, gracias a ti por esperar =)

    Alejandro, no sé si te he entendido bien, pero si te refieres a que si tienes un truco que oculta la cabecera podría funcionar la fecha, sí, pues el código se está poniendo fuera del contenedor de la cabecera, así que no afecta. ¡Saludos!

    Microboy90, te ahorraron el trabajo XD

    ResponderEliminar
  14. Hola Robinson Charjuelán,

    Sí se puede, busca casi al final del primer código esta parte:
    [day]+&quot;, &quot;+

    Y cámbiala por esta:
    [day]+&quot;/ &quot;+

    Luego un poco después busca esta parte:
    +&quot;, &quot;+year+

    Y cámbiala por esta:
    +&quot;/ &quot;+year+

    Con eso estará separada la fecha con diagonales, si quisieras guiones o cualquier otro caracter, localiza las diagonales de los nuevos códigos que has puesto y sustitúyelo por el caracter que quieras.

    Saludos.

    ResponderEliminar
  15. Hola El Venado,

    Ahora no tengo programado un post sobre menús pero lo pondré en la lista.

    Respecto a los comentarios, supongo que no, digo, ellos saben que los artistas no leerán los comentarios pero es una forma de que ellos se sienten más en contacto con ellos.

    Saludos.

    ResponderEliminar
  16. hola potro, tengo un problemilla, si vienes Aca
    http://labloggeteria.blogspot.com/
    y vas al final del blog los widgets se ven hay abajo,
    modifique la plantilla y no me funciona
    ¿que hago?

    ResponderEliminar
  17. No me había fijado que eras Blogio :D
    No entendí el problema, abajo de tu blog sólo veo los créditos, nada más.
    ¿Me puedes explicar un poco más?

    ResponderEliminar
  18. Descubri otra manera y es solo añadiendo un gadget de http://www.timeanddate.com

    ResponderEliminar
  19. Pues Abajo de Entradas Antiguas se Ven Todos los Widgets, Solo Segui Algunos Tutoriales y Creo que Algo Salio Mal xd
    No se si En tu Navegador se Ve Normal, yo Uso Mozilla Firefox, Tendre que Fijarme Bien que Me Salio Mal
    Mientras me Puedes Dar una Ayudita
    ¡Saludos!

    ResponderEliminar
  20. RICARDO, esos gadgets trabajan con iframes, y los iframes no son muy amigables para los buscadores.

    Alejandro, pues sólo se ve así en Firefox, en Chrome e IE se ve normal ¿qué cambios hiciste antes de que sucediera eso?

    ResponderEliminar
  21. Pues Primero intente poner un menu arriba de la cabecera, lo explica rosa, es mas o menos dificil, luego hice otros cambios como del buscador, y aparecio eso..

    ResponderEliminar
  22. hola mi querido potro, nuevamente gracias, me resultoooo heeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee... quedó muy lindo
    un gran beso, de mi para ti,
    tiernita.... chaus!!!

    :)

    ResponderEliminar
  23. Que tal Potro
    aún no lo he puesto pero pronto ya que modifique la plantilla para que el header-wrapper no se expanda al momento de ponerlo
    gracias por el script
    saludos

    P.D.
    felicidades, pero muchas felicidades por tu blog, me haz ayudado mucho, la mayoría de los scripts que tiene mi blog los encontré aquí y como yo si sé mas o menos de esto pero no tanto, solo lo básico espero que cuando estudie (ya que apenas voy en tercer grado de secundaria)
    pueda aprender mas, pero por lo pronto los trucos que ocupo los saco directamente de ciudadblogger.
    Gracias
    Saludos

    www.otrojavier.com

    ResponderEliminar
  24. Alejandro, la cabecera no debió haber afectado, lo más seguro es que sea el buscador. Elimínalo y fijate si se arregla, si es así entonces después vemos cómo ponerlo de nuevo sin que afecte la sidebar.

    tiernita, qué bueno que te ha resultado =) Te mando muchos besos!

    Javier Carlos, por supuesto que con el tiempo aprenderás mucho más, es cuestión de práctica y paciencia. Gracias por tus comentarios, un abrazo.

    ResponderEliminar
  25. Hola Potro :) me he quedado con la frase de las mujeres jajaja

    Buen fin de semana!

    ResponderEliminar
  26. Potro... desde hoy comienzo a mostrar mi nombre... dando lugar a que todos me conozcan realmente... de ahora en adelnate soy Joaco y ya no soy más Ascesino96...
    Hola... jeje... un abrazo!

    ResponderEliminar
  27. Hola Potro, yo en vez de poner la fecha quisiera poner unos pequeños iconos de 16x16 pero en la parte derecha, mira esta es la plantilla que uso,http://community2-btemplates.blogspot.com/ si te fijas en la parte derecha hay unos iconos de comentarios y post, pero yo quiero poner algo como mi twitter, facebook,email, etc, pero con iconos y letras, ya lo intente, pero no entiendo como esta integrado el codigo :S Me podrias ayudar., Saludos.

    ResponderEliminar
  28. Graciela, ¿habrá alguien que las entienda? ¡qué importa! esas complicaciones las hacen más interesantes. Buen fin de semana =)

    Joaco, entendido ;)

    Borest, busca en tu plantilla esta línea ul id='topnavright' cambiala por esto ul id='contacto2' y modifica los enlaces que están abajo, ahí mismo agrega los códigos de las imágenes de los íconos que quieres junto a cada enlace.

    ResponderEliminar
  29. Gracias, ya se visualizan pero habra una forma de dejarlos un poco más abajo? Como los anteriores,? Saludos.

    ResponderEliminar
  30. Exelente truco!!
    bueno yo igual me ahorre el trabajo porque tengo la misma plantilla jaja

    ResponderEliminar
  31. Wow, estoy muy contento mi amigo.
    Por primera vez tengo 7 comentarios en un dia.

    Nada comparado con Ciudad Blogger claro.

    Ahora solo falta tener 200 comentarios en un post, 600 seguidores.

    saludos.

    ResponderEliminar
  32. hola potro gracias por esta eseñanza que en lo personal solo aprendo de ciudadblogger gracias.

    ResponderEliminar
  33. Borest, no sé cómo estaban los anteriores, sólo me fijé en la plantilla que me dijiste no en la tuya :(

    Mathias, bueno, si un día cambias de plantilla ya sabrás cómo ponerlo ;)

    El Venado, siete en un día es un buen número y seguro irán en aumento. Felicidades!

    fernando, gracias a ti por tu visita, eres bienvenido las veces que lo desees.

    ResponderEliminar
  34. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  35. Potro, tu blog es simplemente excelente.

    Lo he utilizado muchas veces, y esta es la primera vez que realizo un comentario.

    Mis consultas son estas:
    1) Es posible agregar el nombre de la Ciudad antes de la fecha? Para que diga "Ciudad", Sabado, Abril 10, 2010?
    2)Personalicé la fecha, agregando un fondo y puse 95%, pero quise centrarlo y no pude. Puede hacerse?
    3) Es posible agregar en la misma línea de la fecha algún texto o imagen pequeña alineado a la derecha? Como lo tienes en tu blog (donde dice versión para móvil y mapa del sitio). Esto porque mi página es de un equipo de fútbol, y me gustaría poner el nombre del equipo y el escudo alineado a la derecha :-)

    Disculpa tantas consultas pero espero puedas ayudarme!

    Muchas gracias por todo tu aporte.

    ResponderEliminar
  36. No traten de entendernos, somos bichitos raros, solo amarnos y ya :)

    ResponderEliminar
  37. Hola Administrador de UPF,

    Al inicio del código verás que dice <p> debajo de eso escribe el nombre de tu ciudad.
    Si lo que quieres es centrar la fecha sólo agrega text-align: center; en los estilos.
    Lo otro es un poco más complicado, tendrías que crear un contenedor, luego dividirlo en dos, en el de la izquierda pondrías la fecha y en el de la derecha lo demás que quieres.

    Saludos.

    ResponderEliminar
  38. Graciela, yo hace mucho que perdí la esperanza de entenderlas, pero no hace falta, así como son ustedes son hermosas!

    ResponderEliminar
  39. Potro, gracias por la respuesta.

    Sucede que el nombre me queda una línea arriba de la fecha, entonces el fondo queda muy ancho. Es posible que diga "Ciudad, Domingo, Abril 11, 2010"?

    En relación a alinear el fondo, incluir "text-align: center;" lo que hace es centrarme el texto, no el background, el que se mantiene alineado a la izquierda.

    En cuanto al contenedor, entiendo la idea, pero honestamente no se nada de html... He tratado de ir aprendiendo de personas como tu y copiando y pegando códigos, porque no he tenido la oportunidad de aprender ese lenguaje.

    Presumo que la solución en términos de códigos no es tan fácil, por lo cual si en otra oportunidad puedes enseñarnos como hacerlo te estaré muy agradecido.

    Saludos,

    ResponderEliminar
  40. Que tal potro, saludos
    ya puse la fecha a la derecha dn mi blog, y a la izquierda un menú que después pondré direcciones.
    Gracias por el recurso.

    Saludos

    ResponderEliminar
  41. aqui está mi blog por si lo quieres ver funcionando
    www.otrojavier.com

    un Abrazo

    ResponderEliminar
  42. hola Potro! que tal! desearia saber si tienes algun tutorial o como hacer para agregar gadgets al costado o dentro de la cabecera, un ejemplo : como tu blog! xD!

    Saludos!

    ResponderEliminar
  43. Hola Administrador de UPF,

    Entonces agrega en los estilos esto display: inline;
    Aun no me queda claro lo del fondo, el fondo si es un color o una imagen repetida se va a centrar sola pues llena todo el contenedor, ahora que sí pusiste una imagen de fondo "a la medida" y quieres centrarla entonces se usaría este código en los estilos:

    background: url(URL de la imagen) center no-repeat;

    Lo del contenedor requiere de una explicación más detallada, después haré una entrada para explicarlo.

    Saludos.

    ResponderEliminar
  44. Javier Carlos, qué bueno que te ha funcionado :)

    documentosdearquitectura, yo no tengo, pero aquí puedes ver cómo se hace.

    ResponderEliminar
  45. Estimado Potro, ya me da un poco de vergüenza volver a escribir... pero bueno, si uno no pregunta cuando no sabe es imposible mejorar...

    El fondo que usé es el que tu sugieres por defecto, no una imagen, sino solo el color y un % del ancho total de la página.

    Cuando uso la línea "display: inline", se soluciona lo de mostrar la ciudad en la misma línea que la fecha. Pero.. el fondo de color que tengo en lugar de quedar el % del ancho total definido, se ajusta al ancho de la frase "Ciudad, Domingo, Abril 11, 2010", lo cual no era mi idea utilizar...

    Es como que esa línea "display:inline" se impone a la línea de width: xx%, en lugar de valer ambas.

    Gracias por tu paciencia.

    Saludos

    ResponderEliminar
  46. Hola Potro este es mi blog: http://capsulas-superacion.blogspot.com/ y queria saber si el fondo lo puedo minimizar verticalmente, osea que la lina donde aparezca la fecha sea mas finita!

    ResponderEliminar
  47. Hola, muchas gracias por este truco, ya lo implementé y quedó hermoso.
    Tengo una pregunta...¿Cómo puedo poner tipo un banner debajo del título del blog conteniendo las últimas entradas??
    No se si me entendés, lo que me gustaría es poder poner las últimas entradas del blog con un texto movible, debajo del titulo y la descripción.

    Lo vi en un blog y me encantó.

    Espero tu respuesta. Saludos

    ResponderEliminar
  48. Muchisimas gracias amigo le di un toque que me gusta a mi blog http://brujo5-iphone.blogspot.com/ gracias a ti saludos

    ResponderEliminar
  49. Administrador de UPF, el display:inline corta el salto de línea pero ignora el ancho total del elemento, en algunos casos se arregla usando en lugar del display:inline con float:left pero parece que esta no es el caso :(

    LnrdG, usa este código, background: url(URL DE LA IMAGEN) repeat-x;

    lolilu, no me ha quedado muy claro ¿en cuál blog lo viste?

    Brujo5, qué bueno que te fue útil.

    ResponderEliminar
  50. Tengo un problema con el feed.
    Pasa que cuando publico un post, tarda un dia para que aparesca en los post de los "blogs que sigo" en el escritorio.
    ¿Eso tambien sucede con mis seguidores? (que cuando vean las actualizaciones de los blogs que siguen mi post tarde 1 dia para aparecer)

    saludos.

    ResponderEliminar
  51. Mirá...no recuerdo cuál era el blog, pero era un blog, lo que quiero saber es si se puede hacer algo como esta marquesina de últimas entradas: http://seriesmoviles.net/
    como para tener las actualizaciones debajo del título.
    Mil gracias, saluditos

    ResponderEliminar
  52. El Venado, las actualizaciones desde el escritorio de Blogger son muy tardadas y suelen fallar mucho, es "normal" dentro de las deficiencias de Blogger.

    lolilu, tengo este que es un tanto parecido pero no funciona en todas las plantillas :(

    ResponderEliminar
  53. oye bro no sabes de noc un video o algo lo que sea donde pueda aprender hacer plantillas para blogger ?

    ResponderEliminar
  54. La que uso no la hice yo, la descargué de BTemplates, las otras que he hecho pues apliqué las cosas que he aprendido.
    Te recomiendo que abras un blog de pruebas y practiques con la plantilla mínima. De ahí puedes basarte para empezar a entender cómo modificar y crear las plantillas.

    ResponderEliminar
  55. Muchas Gracias :D Y Perdon Por quitarte unos segunditos :) Gracias !"

    ResponderEliminar
  56. Potro no habrá un script así pero para la hora?

    ResponderEliminar
  57. insiden, no te preocupes que no me has quitado nada ;)

    Javier Carlos, yo no tengo pero sí los hay, en Google seguro los encontrarás.

    ResponderEliminar
  58. Hola Potro, no se si hay otro apartado para estas preguntas, pero ¿es posible paginar los comentarios?, no cambian de página hasta que hay 200 y eso se hace larguísimo, a lo mejor ya lo has publicado y no he sido capaz de encontrarlo. De todas formas gracias ;)

    ResponderEliminar
  59. Hola Alberto,

    La paginación de los comentarios la controla Blogger por completo, no hay nada que podamos hacer al respecto.

    Saludos.

    ResponderEliminar
  60. Gracias por ayudarme, pero lamento decirte que no me sirvió, una pena, tengo muchas ganas de poner las últimas entradas automáticamente, pero que sea llamativo y ese es muy grande para mi blog.
    Saluditos

    ResponderEliminar
  61. Todos esos tipos de gadgets son grandes, difícilmente encontrarás uno pequeño.
    Saludos.

    ResponderEliminar
  62. Estimado Potro, me funciona de 10, como te había comentado, pero me acabo de dar cuenta de algo. Hoy siendo Jueves me dice que es Miércoles 14 de Abril. Tienes idea porque ocurre esto y como puedo solucionarlo? Parece ser que está atrasado un día

    ResponderEliminar
  63. Hola Adrián,

    La fecha la toma de la fecha que tenga tu computadora.
    ¿Ya verificaste que la fecha de tu equipo esté correcta?

    ResponderEliminar
  64. Pequeño detalle, no me he fijado. Pero viene bien el comentario. No sabia que la tomaba de alli, vamos a verificarlo,

    Muchas gracias como siempre,

    Un abrazo,

    ResponderEliminar
  65. De hecho en la entrada se menciona que toma los datos de la computadora ;)

    ResponderEliminar
  66. men no me aparece esto en mi plantilla

    < div id='header-wrapper' >

    Saludos ojala em puedas ayudar

    ResponderEliminar
  67. Entonces ponlo arriba de < div id='header' >

    ResponderEliminar
  68. hola amigo potro, disculpa las molestias , pero ya estuve leyendo los comentarios y no encontre la solucion , en mi plantilla no aparecen estos codigos, te dejo mi blog por si lo quieres checar: www.mibiosfera.blogspot.com
    a y gracias por tu ayuda , siempre me saca de apuros esta web.

    ResponderEliminar
  69. Hola madmike,

    No es ninguna molestia ;)
    En tu caso podrías pegarlo debajo de
    <div id='wrapper'>

    O arriba de esa etiqueta.
    Saludos

    ResponderEliminar
  70. hola amigo ya quedo , nuevamente gracias por tu ayuda y por responder rapido :D. y disculpa de nuevo , pero tengo un problema con mi plantilla noc por que no se ve el fondo ni la cabecera de mi blog con internet explorer,espero me puedas ayudar. gracias.

    www.mibiosfera.blogspot.com

    ResponderEliminar
  71. Desconozco por qué sea, muchas plantillas que no son de Blogger no son compatibles en todos los navegadores, específicamente en IE.

    ResponderEliminar
  72. Que tal Potro, ando otra vez por estos rumbos.
    No se si recuerdes que te pregunté si no sabias de un script asi pero para la hora, bueno pues, después de andar buscando bastante no encontré nada y decidí hacerlo yo pero tengo un problema, mira el codigo es el siguiente:--->

    http://dl.dropbox.com/u/6020810/hora.txt

    y cuando lo pongo en mi plantilla sale el siguiente error:--->
    ''No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The entity name must immediately follow the '&' in the entity reference.''

    que habré hecho mal?
    Espero me puedas ayudar
    Muchas gracias de antemano Potro
    Un abrazo : )

    ResponderEliminar
  73. Hola Javier,

    En esta entrada se explica cómo alojar scripts dentro de la plantilla, ahí verás qué debes agregarle para que no te marque error.

    Saludos.

    ResponderEliminar
  74. Hola Potro, en mi plantilla no me aparecen estos códigos, te dejo mi blog para que la veas y si por favor me puedes ayudar. Desde ya muchas gracias!!

    http://porchelana.blogspot.com/

    ResponderEliminar
  75. Puedes ponerlo arriba de <header> está como a la mitad de la plantilla.

    Saludos.

    ResponderEliminar
  76. Hola potro no se si ya habias revisado las plantillas nuevas pero ahi el codigo debe ponerse sobre la etiqueta div class='header-outer'no le puse los simblos por que sino , blogger no acepta mi comentario, aparecera sobre el titulo del blog como en el mio: http://ekspreso.blogspot.com/ date una vuelta para checar como quedo

    ResponderEliminar
  77. por cierto ahora soy wiizard ya no Clan Russo

    ResponderEliminar
  78. En las plantillas nuevas todo es distinto, incluso hay muchos trucos que no funcionan en ellas es por eso que me he mantenido al margen :s
    Gracias por mencionarlo de todas formas, si alguien me pregunta les pasaré tu comentario ;)

    ResponderEliminar
  79. si es lo que note, por que hace rato quise poner lo de la barra de cargando y no me funciono, por eso pregunto en la entrada correspondiente sobre como ponerla en imagen estatica o algo asi, por que pienso que de esta forma si funcionaria

    Por cierto... no manches te ayude wey!!! al Gran Potro

    ResponderEliminar
  80. Que esté de forma estática es distinto a que no funcione, no mencionaste que no te funcionaba pero bien podría ser por aquello de que muchas cosas no trabajan bien ahí.

    ResponderEliminar
  81. Hola Potro, ¿es posible poner el fondo transparente y que se vea el fondo de mi blog?
    Gracias Lidia

    ResponderEliminar
  82. En donde dice:
    background: #0B3861; /* color de fondo */

    Cámbialo por:
    background: transparent; /* color de fondo */

    Con eso debe quitarse el color de fondo.
    Saludos.

    ResponderEliminar
  83. no lo encuentro
    por que parte esta?

    ResponderEliminar
  84. Hola Potro. Me gustaría saber si se puede cambiar el formato en que se muestra la fecha, para que sea del tipo:

    Lunes, 26 de Julio de 2010

    Estoy seguro de que el "de" puede cambiarse igual que has explicado en otro comentario con "/", pero lo que no consigo es cambiar el orden en que aparecen los elementos.

    He probado a cambiarlos en el último array del script, pero debe dar error porque deja de mostrame la fecha.

    Espero no ser muy pesado. Gracias!

    ResponderEliminar
  85. Claro que se puede, sólo busca esta parte del código:

    document.write(&quot;&lt;p&gt;&quot;+dayarray[day]+&quot;, &quot;+montharray[month]+&quot; &quot;+daym+&quot;, &quot;+year+&quot;&lt;/p&gt;&quot;)

    Y cámbiala por esta otra:

    document.write(&quot;&lt;p&gt;&quot;+dayarray[day]+&quot;, &quot;+daym+&quot; de &quot;+montharray[month]+&quot; de &quot;+year+&quot;&lt;/p&gt;&quot;)

    Saludos.

    ResponderEliminar
  86. Perfecto! Mil gracias de nuevo. Espero que a alguien más le sirva. Algún día aprenderé javascript xD

    ResponderEliminar
  87. Hola niño!

    Ya identifiqué dónde tiene que ir el código dentro de la plantilla, pero al pegarlo, me señala "error" ¿por qué? Ojalá me orientes...yo sé que si :) Gracias y saludos.

    ResponderEliminar
  88. Posiblemente te estás "comiendo" una letra, revisa que lo pongas sin que tapes algún otro código y que el que vas a pegar esté completo.
    Si te vuelve a dar error copia el error que te sale para saber dónde está la falla.

    Saludos.

    ResponderEliminar
  89. gracias el protro por 1era vez uso esta pagina y me convenció

    ResponderEliminar
  90. potro
    yo quiero poner viste donde esta la fecha diria al blog
    un reloj de la hora como lo pongo ej:
    Viernes 07 de abril 15:30

    Cabecera

    ResponderEliminar
  91. Ummm no tengo un script que tenga la hora pero sólo tendrías que buscar uno y ponerlo en el mismo lugar que he indicado en esta entrada, aunque como recomendación te diría que no lo pongas, realmente la hora no es importante para ningún lector, pero tú sabrás.

    ResponderEliminar
  92. hola..en mi plantilla no tengo esto :div id='header-wrapper' , donde pongo el codigo??

    ResponderEliminar
  93. Buenas Potro,
    en primer lugar disculparme por no haber colocado el comentario donde correspondia.
    Ya he colocado la fecha pero no queda cuadrada con respecto a la cabecera. Que puedo hacer?

    http://elmundobasedow.blogspot.com/

    Por cierto donde puedo conseguir los códigos de la paleta de colores, quiero poner la fecha de color negro.

    Un saludo

    ResponderEliminar
  94. Podrías probar ponerlo arriba o abajo de:
    <div class='header-outer'>

    El color negro es #000000

    http://ciudadblogger.com/2010/03/codigos-de-colores-hexadecimales.html

    ResponderEliminar
  95. Gracias Potro, ha quedado de lujo. Eres un Crack.
    Un abrazo
    jose

    ResponderEliminar
  96. Gracias Potro por tu excelente ayuda. No encuentro en mi blogas la etiqueta para pegar el código que me genere la fecha; donde la puedo ubicar . Mi blogs es http://nucleo23marsella.blogspot.com/

    ResponderEliminar
  97. En el caso de las plantillas nuevas de Blogger puedes pegarlo arriba de <header>

    ResponderEliminar
  98. De nuevo muchas gracias,ya ubiqué la fecha en mi blogs

    ResponderEliminar
  99. Hola! De verdad te agradezco muchísimo, amigo Potro, por darnos a conocer lo que sabes. He sacado muchas cosas de este blog y los he implementado en el mío. Pero tengo una duda: ¿Cómo puedo hacerlo para poner, aparte de la fecha, algún link a alguna sección de mi blog, así como lo tienes tú arriba del título (por ejemplo, el Mapa del Sitio)?. Saludos!! Y disfruta tus vacaciones!

    ResponderEliminar
  100. ups me a quedado ensima de las entradas como si fuera la fecha de publicacion de las entradas ¿que pasaria?

    ResponderEliminar
  101. Panchito, pues igual sólo busca las etiquetas que se mencionan en esta misma entrada y ahí agrega esos enlaces para que queden arriba de la cabecera. Gracias por tu comentario!

    diablo, quizá te has equivocado de lugar, verifica que se traten de las mismos códigos que se mencionan.

    ResponderEliminar
  102. yes yes ahora si patron GRACIASSSS.tenias razon,yo la abia puesto anres de y es como tu pones,antes de

    ResponderEliminar
  103. ups no salen los codigos que puse en el pos anterior pero el asunto es que esta funcionando de marabillas GRACIAS.

    ResponderEliminar
  104. Vale, me alegra que ya esté funcionando :)

    ResponderEliminar
  105. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  106. Buenas tardes nuevo Potro. Si me permites, seguiré abusando de tus conocimientos una vez más. Me gustaría
    encontrar el código para que en mi blog se muestre una agenda de eventos como la de Event Calendar 3 (vista en http://www.labitacoradeltigre.com/2008/10/11/un-plugin-de-calendario-estupendo-para-los-blogs-de-aula/ )
    Por cierto, una pena lo del emailform; sería genial que le diesen un final más completo para pags corporativas.
    Saludos y gracias de nuevo por tus aportaciones, que tanto nos ayudan.

    ResponderEliminar
  107. No es ninguna molestia. Rosa tiene una entrada que explica cómo poner la fecha tipo calendario en todas las entradas:

    http://elescaparatederosa.blogspot.com/2008/11/fecha-tipo-calendario-en-todas-las.html

    ResponderEliminar
  108. Potro, aca lo encontre, pero para mi plantilla lo puse arriba de topnavbarleft, al ponerlo asi me queda asi: www.jugandoporvelez.blogspot.com
    Y yo intente borrar lo de la fecha en ingles (es este link más algunos codigos):
    http://collectedpages.googlepages.com/date.js'
    Pero al sacarlo no puedo guardarlo ni ver vista previa...
    Que tengo que hacer para solucionarlo...
    Saludos!

    ResponderEliminar
  109. Pues elimina la que tienes en inglés para que sólo te quede esta en español.
    El código que debes quitar es este:

    <p><script src='http://collectedpages.googlepages.com/date.js' type='text/javascript'></script></p>

    ResponderEliminar
  110. Potro! Gracias, con razon me equivocaba, yo borraba todo ese script i el < / div > tambien! ahora ya aprendi!
    Gracias!

    ResponderEliminar
  111. Excelente Potro, pero ¿habra forma de modificar la posicion del mismo? y ¿es posible hacerlo desde un html/javascript para colocarlo dentro de un header personalizado?,
    http://www.impiousnews.co.nr/
    Gracias

    ResponderEliminar
  112. Claro, puedes ponerlo en un gadget y colocarlo en cualquier ubicación. Yo sólo he puesto ese código pues es el lugar habitual en el que suele ponerse la fecha pero bien puedes colocarla en cualquier lado.

    ResponderEliminar
  113. Hola Potro, No se que puede estar causando eso, Retire la imagen de cabecera que tenia y la fecha salio inmediatamente, no se que hacer sera dejar este script suspendido solo por esta fecha :!

    ResponderEliminar
  114. Pues sí que es extraño ya que cuando yo revisé tu blog no encontré el código de la fecha por ningún lado.
    ¿Cómo estás poniendo la imagen de la cabecera? ¿desde el gadget de Cabecera?
    Porque otra opción con la que quizá no tengas lío sería que la pongas directo en la Edición HTML.

    ResponderEliminar
  115. Si super extraño Potro!!... Pues lo estoy colocando con el gadget de cabecera, exactamente tal vez colocandolo directamente pero no se como :/

    ResponderEliminar
  116. Si es en una plantilla del Diseñador, entonces busca esta parte:
    .header-outer {
    background: $(header.background.color) $(header.background.gradient) repeat-x scroll top left;
    _background-image: none;

    Y cambiala por esta:
    .header-outer {
    background: url(URL de la imagen);

    ResponderEliminar
  117. Hehe Potro, Esa parte no esta ubicada en la plantilla pues para no molestar, deje asi! XD, Por esta temporada no mas... :P

    ResponderEliminar
  118. Ummm, pues son los códigos de una de las nuevas plantillas pero parece que todas son distintas. Pero bueno, entonces que se quede así por mientras :)

    ResponderEliminar
  119. GRACIAS POR ESTA HERRAMIENTA TAN IMPORTANTE POTRO. UNA PREGUNTA: SABES QUE AL COLOCAR LA HORA ME SALE SOBRE UN FONDO AZUL SOLIDO QUE VA DE EXTREMO A EXTREMO. ... HABRA MANERA DE DEGRADA ESE AZUL A TRANSPARENTE? DE MANERA QUE SE FUNDA CON EL FONDE DE LA PLANTILLA.?

    ResponderEliminar
  120. Puedes usar un fondo gradiente usando CSS aunque en Internet Explorer no funciona:
    http://vagabundia.blogspot.com/2010/02/gradientes-en-css.html

    Otra opción más práctica es que en el color de fondo uses una imagen que ya tenga ese degradado que deseas.

    ResponderEliminar
  121. Hola,

    ¿y si quisieramos añadir en la misma linea un texto que precediese a la fecha?

    ResponderEliminar
  122. Podrías ponerlo dentro de una tabla, así la fecha estaría dentro de una celda y del otro lado en la otra celda estaría el texto que deseas.

    ResponderEliminar
  123. Este truco es muy bueno pero sabe que amigo potro seria mas cool si se pudiera poner la Hora al lado de la fecha.
    Osea que se me muestre en la cabecera la fecha y la hora.
    Para evitar poner esos relojes con flash tan feos y grandes.

    ResponderEliminar
  124. Sería cuestión que buscaras en la red algún script para mostrar la hora y lo agregues debajo de este script.

    ResponderEliminar
  125. Encontre un scprit para la hora como este:


    div id='clock'
    script type='text/javascript'>var d = new Date(); document.write(d.getHours()+':'+d.getMinutes());/script
    /div

    ( quite los "<" )

    pero honestamente se ve feo :s y ni siquiera se puede cambiar el color o el tamaño de los numeros, menos se ve cuando cambia en minutero. Claro pude encontrar otros scripts pero mi pagina los rechaza.

    Ni modo, la hora es un antojo que mi blog todavia no puedo darse :)

    ResponderEliminar
  126. m no aparece ninguno de los codigos en mi web xDDDDDDDD q ago

    ResponderEliminar
  127. Hola ! me podrías ayudar ? creo que es una tontería pero no doy con ello. Después de poner la fecha en el blog www.traderpirata.com me quedó como tu puedes ver y !me gusta¡ ¿habría manera de poner en la parte de abajo de la cabecera (donde acaba el texo otra banda azul oscuro como la que se puso arriba sin que se me ensanche más la cabecera ? No se si me explico bien.
    Gracias por tu ayuda y perdona las molestias.

    ResponderEliminar
  128. Hola Patapalo,

    No es ninguna molestia sólo que no he entendido bien.
    ¿Quieres mover la fecha de ahí para ponerla debajo de la cabecera?
    Si es así ¿en qué parte? es que no me ha quedado claro lo de la banda azul y la posición exacta.

    Saludos.

    ResponderEliminar
  129. Hola de nuevo,

    Al poner la fecha encima de la cabecera del blog (usando IE v.8 y Firefox) me sale una bada azul oscuro donde a la izquierda aparece la fecha. Me gustaría saber si se puede poner y como otra banda azul oscuro en la parte de abajo de la cabecera, justo debajo de la frase: "que me ha dejado este lamentable ....."

    De nuevo gracias por tu inestimable ayuda y felicidades por tu blog que ha sido de gran ayuda para un principiante como yo, aunque el verdadero éxito de tú blog eres tú.
    Saludos

    ResponderEliminar
  130. Hola yo otra vez, le he cogido gusto a preguntar
    :-))) verás yo tengo puesto esto antes de ]]>:

    -----------------------------------------------
    .sidebar .widget { -moz-border-radius: 10px; -webkit-border-radius: 10px;
    border:1px solid #000;padding: 0.3em;{ background-color: #A9F5F2 }
    ------------------------------------------------

    para poner bordes y color de fondo a los widgets en IE y funciona. Pero si voy a Firefox sólo me salen los bordes (redondeados) pero no el color de fondo ¿porque no funciona? ¿me puedes decir algo?

    Gracias de nuevo,
    Saludos

    ResponderEliminar
  131. Pues podrías poner un borde debajo de la cabecera que simule una granja igual a la de arriba sólo que no se le podría poner nada ahí, vaya sería solo un borde y nada más.
    Para poner agrega debajo de .header-outer { esto:

    border-bottom: 20px solid #0B3861;

    Respecto al otro código que mencionas tiene un error en el cierre del código pues has puesto otra llave de inicio dentro del código, es decir, lo tienes de esta forma:
    .sidebar .widget { -moz-border-radius: 10px; -webkit-border-radius: 10px;
    border:1px solid #000;padding: 0.3em;{ background-color: #A9F5F2 }

    Y debe ser así:
    .sidebar .widget { -moz-border-radius: 10px; -webkit-border-radius: 10px;
    border:1px solid #000;padding: 0.3em; background-color: #A9F5F2; }

    Saludos.

    ResponderEliminar
  132. Hola Potro ayer te mande un mensaje dándote las gracias por tu ayuda y preguntandote como estrechar la cabecera. Despues de un rato largo consegui hacerlo (como habras comprobado) con el "diseñador de plantillas". Oye, tengo otra pregunta ¿hay manera de cambiar el tamaño de la letra que sale en la "descripción del blog" justo debajo del título?
    No me canso de darte las gracias, sin tu ayuda el blog me quedaría más chungo.
    Saludos

    ResponderEliminar
  133. Hola Patapalo,

    Eso igual se puede hacer desde el Diseñador, pero de igual forma puede modificarse desde la Edición de HTML, sólo busca una línea como esta:

    <Variable name="description.text.size" description="Description Text Size" type="string" default="140%" value="140%"/>

    Modifica ese último valor por otro porcentaje ya sea más grande o más pequeño.
    Saludos!

    ResponderEliminar
  134. Desde el Caribe donde no paro de abordar barcos te digo !! MUCHAS GRACIAS ¡¡ no te guiño el ojo que me queda porque entonces no veo nadaaaaa !

    Saludetes
    Patapalo

    ResponderEliminar
  135. !Ah¡ se me olvidaba, te acabo de enlazar !faltaría más !

    ResponderEliminar
  136. Jajajajajaja, cómo me has hecho reír con los del guiño del ojo :D
    ¡Saludos y muchas gracias por el enlace!

    ResponderEliminar
  137. Hola, El Potro. Si no recuerdo mal, ya me ayudaste mucho en otra ocasión, con unos botones para bajar cosas de mi bloc. Ahora tengo otro pequeño problema en relación con este post:
    He cambiado el formato de la fecha de las entradas de mi bloc, sustituyendo las letras con un formato tipo calendario. Todo bien menos una cosa. La imagen (icono) de calendario (la puedes ver aquí: http://i51.tinypic.com/vq62o3.png)tiene un margen alrededor completo de un color naranja. Pues bien, en el bloc aparece SIN MARGEN en la parte derecha y hace feo. ¿Qué tengo que modificar en el código HTML para que aparezca el icono completo?
    Si quieres ver mi bloc, comprobarás lo que te digo: http://lasantaculpa.blogspot.com/
    Muchas gracias por tu atención.

    ResponderEliminar
  138. Hola Vicenç,

    Sólo necesitas modificar unos valores de padding para que se muestre completa.
    Busca esta parte:

    #fecha {
    display: block;
    float:left;
    margin: 0 13px 0 0;
    padding: 0 13px 8px 10px;

    Y cambia eso que está en negrita por esta línea:
    padding: 10px 13px 8px 18px;

    Saludos.

    ResponderEliminar
  139. Bien, de momento lo he solucionado subiendo un nuevo icono reformado por mí. De todos modos, la fecha no queda perfectamente centrada. Qué variables deberia cambiar para centrarla? Padding, margen...
    Si te ayuda, te puedo poner la parte del código que se refiere a la fecha y me dices tu opinión.
    Gracias de nuevo.

    ResponderEliminar
  140. No vi tu respuesta 148. Ahora mismo voy a probar lo que dices. Y gracias!

    ResponderEliminar
  141. Queda mejor com mi "invento" y lo dejo así, con los valores de padding antiguos. Para afinar el centrado, qué podria hacer? Puedes ver como queda en mi bloc.
    (Lo que sugerias tu dejaba parte de la fecha fuera del calendario)

    ResponderEliminar
  142. Cambia esta línea en negrita:

    .fecha_dia {
    margin: 2px 0 0 1px;

    Por esta:
    margin: 15px 0 0 3px;

    Luego debajo de .fecha_mes { agrega esto:
    margin-left: 4px;

    Y debajo de .fecha_anio { agrega esto:
    margin-left: 2px;

    ResponderEliminar
  143. Centrado perfecto, pero 2011 queda fuera. Habria que subir la fecha más arriba. Ya mé dirás. Si es complicado, lo dejo como estaba. Era cosa de afinar, nada más. Y gracias por tu interés, de nuevo.

    ResponderEliminar
  144. Sólo agrega otro margen para esa área. Eso se hace agregando debajo de:
    .fecha_anio { esto:

    margin-top: -3px;

    ResponderEliminar
  145. Muchacho (eres mucho más joven que yo), no se soluciona. Habria que subir toda la fecha, de manera que el dia, en caracteres más grandes, quede dentro de la parte naranja, arriba. Para mi, hay que subir las tres cosas: dia, mes y año, sin cambiar la separación entre ellas, conjuntamente.
    De todos modos, si es complicado o requiere ir probando a ciegas, dejalo correr. Te agradezco sinceramente tu interés.

    ResponderEliminar
  146. Pues sí se puede subir todo aunque seguramente una vez que se haga también se tendrán que volver a centrar los demás valores.

    En esta parte se modifica el margen de la fecha del día:
    .fecha_dia {
    margin: 15px 0 0 3px;


    Eso que está en negrita corresponde al margen superior, si lo pones en 0px entonces se subirá junto con los demás valores de la fecha.
    Si eso desalineara el mes y el año entonces se modifica donde te decía en el comentario #152 agregando ese margin-left quizá con un valor más alto.

    Saludos.

    ResponderEliminar
  147. Qué tal, ahora? Ha subido! Quizás separar un poco feb de 2011? O lo puedo hacer aumentando un poco el tamaño de letra?
    Gracias, amigo!

    ResponderEliminar
  148. Ya está. He pasado de 8 a 9 el tamaño de letra y queda mucho mejor. Tema resuelto! Hasta otra, mexicano!
    P.D.: del tema que toco en mi bloc teneis mucho por México, no es verdad?

    ResponderEliminar
  149. Me alegro que ya esté resuelto!
    No sabría decirte sobre lo del tema pues no he tenido la oportunidad de detenerme a mirar el contenido del blog, pero en cuanto me haga de un espacio le echaré un vistazo :)

    ¡Saludos!

    ResponderEliminar
  150. Potro, solo felicitarte por este blog y por tu amabilidad. De este artículo he sacado el poner la fecha arriba, centrarla y también he podido hacerlo en mi lengua, la catalana. Esto sin contar los inumerables mensajes cruzados para resolver mi pequeño problema con el formato de fecha. Muchísimas gracias.

    ResponderEliminar
  151. Gracias a ti por tu visita Vicenç.
    Saludos cordiales.

    ResponderEliminar
  152. Potro, te voy a molestar con otra consulta. Se trata de un detalle que no he conseguido resolver. La fecha, en catalán, es correcta así: Divendres, 25 de febrer deL 2011. Supongo que, por defecto, blogger no pone DEL sinó DE. Es posible añadir siempre esta "L" antes del año?
    Me refiero a la fecha en la cabecera, la que se actualiza automáticamente con el PC, la que tratas en este post.
    Si me lo resuelves, te pondré un 11/10. El 10 ya lo tienes. Gracias, amigo!

    ResponderEliminar
  153. Claro que es posible, sólo busca esta parte del código:

    document.write(&quot;&lt;p&gt;&quot;+dayarray[day]+&quot;, &quot;+daym+&quot; de &quot;+montharray[month]+&quot; de &quot;+year+&quot;&lt;/p&gt;&quot;)

    Y cámbiala por esta:

    document.write(&quot;&lt;p&gt;&quot;+dayarray[day]+&quot;, &quot;+daym+&quot; de &quot;+montharray[month]+&quot; del &quot;+year+&quot;&lt;/p&gt;&quot;)

    Con eso deberá quedar así:
    Divendres, 25 de febrer del 2011.

    ¡Saludos!

    ResponderEliminar
  154. Hola Potro, ¿cómo estamos?

    Tengo un problemilla pero no doy con la solución
    entra en esta página: http://traderpirata.blogspot.com/
    si miras la fecha verás que no está centrada verticalmente ¿cómo lo puedo hacer?
    Gracias por tu ayuda y recibe un afectuoso saludo de ...... !Patapalo¡ el pirata de la estepa ! .-)))

    ResponderEliminar
  155. Hola Patapalo,

    No pude ver el blog que mencionas pues sólo admite invitados :/

    ResponderEliminar
  156. Que mala suerte ! no me di cuenta y lo puse asi despues, perdona, mira ahora que ya esta cambiado. Oye, hay alguna manera de quitar o de esconder las opciones de "pagina principal", "anterior" etc. Gracias

    ResponderEliminar
  157. Yo lo veo centrado verticalmente o.O
    Al menos en Safari, Firefox y Chrome lo he visto y está centrado.

    Para eliminar esos enlaces busca esta parte y agrega lo que está en negrita:

    .blog-pager {
    background: transparent none no-repeat scroll top center;
    display:none;
    }
    .blog-pager-older-link, .home-link,
    .blog-pager-newer-link {
    display:none;
    background-color: #94c2ee;
    padding: 5px;
    }

    ResponderEliminar
  158. Potro,
    Hasta ahora no he podido ver tu contestacion. Me ha funcionado
    perfectamente, ! como siempre !. Gracias por tu ayuda.
    Hasta otra ocasion
    Saludetes
    Patapalo

    ResponderEliminar
  159. Qué gusto que así haya sido ;)
    Saludos.

    ResponderEliminar
  160. Potro le puse la fecha a mi blog y si resulto pero como que desarreglo la plantilla y el menu quedo mas abajo :S hay alguna solución? tuve que volver a poner una plantilla nueva =/

    ResponderEliminar
  161. Hola Kenny,

    Sin verlo puesto me es difícil saber dónde se encuentra el problema y mas aun cómo solucionarlo :/

    ResponderEliminar
  162. Perdona potro, para aliniarlo ala derecha? esque lo he probado y no me deja.
    Gracias

    ResponderEliminar
  163. Prueba poniendo debajo de .fechadeldia p { esto:
    text-align: right;

    ResponderEliminar
  164. muchas gracias potro!!
    y en mi página, tengo ya he arreglado lo que me has dicho del enlace, y apretas y se descarga el mozilla firefox, pero, si te fijas, el enlace es toda la linia, no solo la palabra que pone descargar, sino que a lo largo de la linia puedes clicar. porque pasa eso?

    gracias

    ResponderEliminar
  165. pues en mi blog pone:

    Descarrega'l aquí. Arriba a la derecha, justo debajo de la fecha. Cuando clicas descargas el navegador, pero en esa misma franja, puedes ir clicando, si tiras para la izkierda con el raton pero encima de esa franja, puedes ir clicando y descargando el navegador aunque no estés clicando encima de: Descarrega'l aquí.

    Entiendes?

    ResponderEliminar
  166. Lo que sucede es que esos códigos los metiste dentro de varios DIV y hacen que ocupe todo el ancho del contenedor.
    Cambia esos DIV por SPAN y se solucionará.

    ResponderEliminar
  167. Asi lo tengo ahora, ya me va bien lo que me has dicho, pero me sale ala izquierda, y e puesto ala derecha con el align. Que hago? gracias

    <span style="text-align: right; color: white; face:"arial"">Navegador requerit:
    Mozilla Firefox
    <span style="text-align: right; color: white;">
    <a href="http://download.mozilla.org/?product=firefox-4.0&os=win&lang=es-ES"><span style="text-align: right; color: white;">
    Descàrrega'l aquí</span></a></span></span>

    ResponderEliminar
  168. Úsalo mejor de este modo:

    <div style="text-align: right; color: white;">Navegador requerit: Mozilla Firefox
    <a style="text-align: right; color: white;" href="http://download.mozilla.org/?product=firefox-4.0&os=win&lang=es-ES">
    Descàrrega'l aquí</a></div>

    ResponderEliminar
  169. Hola, que tal?
    Hay posibilidad de centrar la fecha en el centro de la cabecera, logre hacerlo en el eje horizontal, solo me bastaria hacerlo en el otro eje sin modificar la altura de la cabecera.
    El blog de prueba http://elpetrolerofc.blogspot.com

    Saludos.-

    ResponderEliminar
  170. ¿Centrarlo horizontalmente o verticalmente? Porque veo que has modificado unos valores pero no lo veo precisamente centrado de forma horizontal. Si es así entonces elimina esta línea:

    padding: 1px 0 3px 450px;

    En su lugar pon esta:
    text-align: center;

    ResponderEliminar
  171. biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiien por lo menos esta pude hacer, soy novata y me cuesta

    ResponderEliminar
  172. No te preocupes nathi, con el tiempo irás sabiendo cómo hacer todo lo demás que ahora se te dificulta, a todos nos pasó lo mismo. Mientras tanto enhorabuena por el logro!

    ResponderEliminar
  173. GRACIAS, EXCELENTE QUEDO MUY BIEN SALUDOS

    ResponderEliminar
  174. perdon potro pero yo no puedo encontrar el código no se como hacerle te dejo mi blog por favor ayudame
    http://hpolitico.blogspot.com/

    ResponderEliminar
  175. Las plantillas de Aristeer no las conozco pero puedes probar ponerlo arriba de:
    <div class='art-header section' id='header'>

    ResponderEliminar
  176. Potro yo el codigo no lo encuentro te dejo mi blog: http://plantilladepequemundossims.blogspot.com/

    ResponderEliminar
  177. Es que estos métodos son para plantillas originales de Blogger.
    En tu plantilla no sé en qué parte quieras ponerlo porque la cabecera cubre todo.
    Quizá tengas que ponerlo debajo de:
    <div class='headerright'>
    <p>

    ResponderEliminar
  178. Potro esto seria si lo puniera debajo: http://dl.dropbox.com/u/23889866/Dibujo.PNG

    y si lo pongo arriba se la fecha se pone en el medio y la imagen se pondria cortada en mitad.

    ¿Entonces que hago?

    ResponderEliminar
  179. Por eso te decía que tu cabecera cubre todo y no hay espacio :/

    ResponderEliminar
  180. Hola potro un saludote, y gracias por la ayuda que nos das siempre con los articulos que sacas....le queria preguntar como hago para que cerca a la fecha se pueda poner el reloj digital del mismo formato de la fecha, sera que nos puede regalar el codigo o scrip, digo si es posible o como más se puede hacer para tener la hora...como siempre gracias por toda la yuda.

    ResponderEliminar
  181. Hola, qué gusto verte de nuevo por aquí.
    Este es el código simple de un reloj, y lo puedes incluir ahí:

    <script type='text/javascript'>var d = new Date(); document.write(d.getHours()+':'+d.getMinutes());</script>

    ResponderEliminar
  182. Ha muchas gracias yo siempre estoy pendiente leyendo todo lo que sacas que como siempre es muy interesante.......tu eres el genio de la red....muchas gracias por el reloj esta super....ya lo instale pero me quedo arriba de la fecha.....que me toca ponerle para que se alinee o en que parte toca incluirlo....como siempre mil gracias por la ayuda.

    ResponderEliminar
  183. Quizá sólo necesites ponerlo debajo de:
    <div class='fechadeldia'>
    <p>

    Saludos!

    ResponderEliminar
  184. Hola Potro un Saludote grande para ti.....otra ves a molestarlo......ya me di vueltas en todo el cerebro y no pude acomodar para que quede en linea la fecha y la hora (o sea el scrip que me enviaste hace poco, que por cierto esta super) es como si le faltara algo para que quede en linea, que mas me suguieres que haga tu que eres el Maestro. SALUDOS Y GRACIAS COMO SIEMPRE.

    ResponderEliminar
  185. ¿En dónde lo has puesto para que pueda verlo?

    ResponderEliminar
  186. Hola Potro, estoy por aquí de nuevo con una duda que tiene que ver con la fecha pero no con este tutorial que has explicado. Mi duda es que me gustaría poner la fecha en mi blog como en este: http://punctilious-demo.blogspot.com/ y no se cómo puedo hacerlo, sabrías y podrías decirme? Un saludo y gracias por todo, como siempre ^^

    ResponderEliminar
  187. Hola Aimi,

    Por ahora no tengo un tutorial sobre ello, pero si buscas en la red 'Fecha tipo calendario en Blogger' encontrarás algunos. De cualquier manera me lo pondré en la lista porque algunos han estado preguntando por ese tipo de fechas :)

    Saludos.

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger