Cargando...
Menu Ver sumario
Blogger para torpes y para no tanto.



Contadores


Problemas con fecha en Notepad Chaos y otras

16/06/2009 46

Como ya han sido más de dos los que me han preguntado por el "undefined" que aparece en algunas versiones de la plantilla Notepad Chaos, me parece que es hora de explicar como solucionar ese problema con las fechas.

Realmente, se trata del SCRIPT que genera dicha fecha y de hecho, afecta a varias plantillas que tienen este mismo código. Por ejemplo, le ocurre también a la plantilla Aspire. Este es el código de marras:

<div class='post-inner'>

<script type='text/javascript'>
var timestamp = &quot;<data:post.timestamp/>&quot;;
if (timestamp != &#39;&#39;) {
var timesplit = timestamp.split(&quot;,&quot;);
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(&quot; &quot;);
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>

<div class='date-tab'>

<span class='month'><script type='text/javascript'>document.write(date_mmm);</script></span>

<span class='day'><script type='text/javascript'>document.write(date_dd);</script></span>

</div>

<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Hay varias soluciones y esta es sólo una de ellas. En primer lugar, entramos en Configuración-->Formato y cambiamos el formato de fecha al de "13 de Junio de 2009". El SCRIPT que utilizaremos en esta ocasión, corta el texto por los espacios en blanco y por eso utilizamos ese formato. El nuevo SCRIPT, sería este:

<div class='post-inner'>

<div class='date-tab'>


<script type='text/javascript'>
function calendario (cual){
var lafecha = cual.split(&#39; &#39;);
fday = &quot;<span class='day'>&quot;+lafecha[0]+&quot;</span>&quot;;
fmonth = &quot;<span class='month'>&quot;+lafecha[2]+&quot;</span>&quot;;
fyear = &quot;<div>&quot;+lafecha[4]+&quot;</div>&quot;;
document.write(fday);
document.write(fmonth);
}
</script>
<script>calendario(&#39;<data:post.dateHeader/>&#39;);</script>

</div>

<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


El código marcado en gris es el que no hay que cambiar y se ha reproducido para situar la colocación del antiguo y del nuevo código.

Si decidís usar otro formato de fecha, hay que cambiar el elemento "divisor" en la línea var lafecha = cual.split(&#39; &#39;); Si por ejemplo utilizamos 13/06/2009, habría que sustituir el espacio en blanco por una barra:
var lafecha = cual.split(&#39;/&#39;);

Con el primer formato explicado las palabras "de" hacían que los números que indican la posición de los distintos cortes fueran respectivamente 0, 2 y 4. Por tanto, si cambiamos el formato de fecha, todavía habrá que hacer una sustitución más y cambiar los números entre los corchetes:

fday (día) seguiría siendo el elemento [0] (el primero), pero ahora fmonth (mes) pasaría a ser el elemento [1] (el segundo) y fyear, que no utilizamos en este caso, pero que ahí queda por si alguien lo necesita, pasaría a ser el elemento [2] (el tercero).

Actualización: En algunos casos os podeis ahorrar estos cambios, simplemente cambiando el formato de fecha en Configuración-->Formato --> Formato de cabecera de fecha. Probad esto primero en cualquier caso.

46 comentarios:

Sonohra - Argentina ♥

kpooooooooo!!!!!!!!!!!!!!!!!!!!!!!!!!!

graciass!!! graciass!!! graciass!!!
graciass!!! graciass!!! graciass!!!
graciass!!! graciass!!! graciass!!!
graciass!!! graciass!!! graciass!!!
graciass!!! graciass!!! graciass!!!
y más gracias!!! graciass!!! graciass!!!


la verdad es muy simple de comprender!!! entendi todo y pude cambiar el ''undefinde'' !!!!

graciass!!!

esta buenisimo el blog!!!!!!!

AGUANTE OLOMAN!!!

Sonohra - Argentina ♥

KPO!!

Karla

Hola Oloman
Esta correcto este e-
mail :cosicas.oloman@gmail.com
es que intente mandartelo pero me envia una notificacion de que esta incorrecto?
Gracias!!

Oloman

Correctísimo Karla. Es ese

Maru

La manera para arreglarlo en mi blog fue poner la 4ta opción en el 'formato' de HORA. No en el de fecha. Pero sin tocar el script, solo yendo a Configuración, Formato, Formato de hora. Y elegís la 4ta opcion!

Me lo dijo Pizcos y la verdad que funcionó!!

Saludos!

Karla

Gracias!!!!!!!!
Solo cambie el formato como me dijiste y funciono!!!
Buen Dia!!!

Oloman

Más sencillo entonces, Karla. Ya dije que hay varios sistemas. Yo probé ese en una prueba y no funcionó.

Maru

Una pregunta Oloman! Como hiciste para que se vea el final de la hoja amarilla de 'etiquetas'??

A mi no me sale y no se como hacer que sea visible!!

Oloman

Maru, sin expandir artilugios, busca esto

<div class='recent-posts'>
<b:section id='arsiddebar1' showaddelement='no'>
<b:widget id='HTML1' locked='true' title='Recent News' type='HTML'/>
</b:section>
</div>
<div class='postit-bottom'/>

La última línea es la que monta el pie del post-it.

Karla

Hola oloman!

Tengo una consulta, Es necesario algun permiso especial para crear un blog que contenga Templates, obviamente respetando los creditos y figurando en la descripcion del mismo la Fuente, el autor y adaptacion para blogger etc,
para que se puedan bajar o copiar el codigo XML??

Mil Gracias!! Gusto en saludarte, espero estes Muy Bien!!!

Oloman

Karla, no lo sé con seguridad, porque soy de esa inmensa mayoría que no se lee las condiciones de uso casi nunca. No obstante, si se pueden ir cambiando poco a poco, cosas de la plantilla... ¿por qué no se va a poder cambiar completa?

Además, lo elegante es lo que dices: citar la fuente y/o el autor.

Pp_Fer

Hola , disculpa Oloman yo tengo un problema ya pude solucionar el problema en el que aparecia undefined solo que no me muestra el año

Oloman

Se podría arreglar Pp_Fer, pero me parece que no quedaría bien en tu plantilla, porque hay poco espacio en el dibujito del calendario para poner más datos. De todas formas, el que usas es un SCRIPT diferente a los dos que se citan aquí.

Filosofía

hOLA Oloman: gracias por este blog que me ha ayudado bastante. en notepad chaos tu tienes en la parte superior del blog las palabras en español de "buscar,indice, enlazar, cosicas". eso esta genial. hay alguna forma de hacer lo mismo pero quizas con otros nombres?

Saludos y rebuena la pagina. Sigue adelante, man

Oloman

Claro Filosofía, aunque necesitas ser algo mañoso/a con las imágenes.

Se trata de cambiar las dos imágenes que te pongo a continuación, conservando el tamaño original para que no tengas que hacer más ajustes que sustituir las direcciones en tu plantilla:

http://4.bp.blogspot.com/_qTWVg4q5lCo/SNHktfyPxBI/AAAAAAAAA9U/eLXti-ZE5F0/s1600/pagebackci5.jpg

http://4.bp.blogspot.com/_qTWVg4q5lCo/SNHmQcZfXOI/AAAAAAAAA-M/uybmv0ncolo/s1600/menu.jpg

Filosofía

Oloman: Gracias por este nuevo dato. se ve diferente y muy bien, pero no puedo cambiar las palabras "search" "Home" "Archive" "About" por otras que quiero. además, obviamente hay que darles una conección a lo que dicen que van. Por ejemplo si clickeo "Notas", que eso me lleve a ese post. Disculpa si te molesto tanto, pero como profesora, debo y quiero hacerlo bien.

Gracias otra vez y saludos

Filosofía

Oloman

Se ve que no me expliqué bien. Cuando dije "cambiar", quería decir que tienes que coger las imágenes originales (http://...menu.jpg), abrirlas con un editor de imágenes y modificarlas para cambiar los textos o lo que que no te guste. Otra opción es crear la imagen totalmente nueva, siempre que conserves el tamaño de la original.

Luego, tendrás que modificar también la que le sirve de base (pagebackci5.jpg)

Para lo de los enlaces, tienes que ir a tu plantilla y en esta parte, escribir las direcciones, ya que ahora mismo no hay ninguna:
<div id='menu-holder'><ul id='menu'>
<li id='home'><a href='AQUI'>Home</a></li>
<li id='about'><a href='AQUI'>About</a></li>
<li id='archives'><a href='AQUI'>Archives</a></li>
</ul>
</div>

Filosofía

Oloman: como siempre, muchas gracias por los consejos y para serte sincera fui yo la que no entendí bien lo que se tenía que hacer ;). Honestamente para mi realizar imágenes y cambiarlas es algo que me supera: he aprendido mucho de los blogs, pero modificarlos , solo hace 2 semanas :). Intentaré aprender más o buscarme un colega que pueda ayudarme a lo de las imágenes y subirlas. Pero te doy un eterno gracias por el post: muchos de nosotros te lo agradece, ya que es, al menos para mí, el único lugar que se encuentra lo que se necesita

Saludos

Filosofía :)

Galileo Galilei

jo, pues a mí no me sale en la mía :-( ¡¡¡que alguien me ayudeeeeeeeeeeeeeeee :-).
Gracias

Oloman

Galileo, en primer lugar intenta cambiar el formato de fecha desde el Panel de Control. Prueba con varios formatos. Si sique sin funcionar, sigue las instrucciones de este post, porque precisamente, tu plantilla tiene este SCRIPT que no funciona bien.

Filosofía

Hola Oloman: quisiera hacerte 2 preguntas, por favor:
1)tu sabes como puedo dejar algunos gadget al lado izquierdo del blog? (ya tengo muchos en un solo lado y se ve bastante mal, jijiji :)
2)y lo segundo, como lo puedo hacer para colocar 2 gadgets paralelamente al lado derecho del blog? solo puedo colocar 1 gadget hacia abajo. Podremos hacerlo de 2 en 2? gracias

Galileo Galilei

Gracias Oloman.Problema solucionado :-)

Oloman

Filosofía, con la plantilla que tienes que es prácticamente la misma que esta a esos efectos, es bastante complicado colocar algo a la izquierda. Es posible, pero sin ánimo de ofender, complicado para alguien que empieza. Para los dos gadgets a la derecha, pasa lo mismo. No obstante, en esta última cuestión hay una chapucilla que puedes hacer... Cuando insertes un gadget, hazlo como elemento HTML. Lo primero, crea una tabla con dos casillas. Luego introduces el código correspondiente a cada gadget en cada una de ellas. Te quedarán uno al lado del otro siempre que haya espacio bastante. Ya te advierto que es escaso y este fue uno de los motivos por el que empecé a modificar la Notepad Chaos esta. Luego me lié, me lié... y acabo siendo lo que ves :)

Filosofía

Oloman: Estoy editando la pagina, pero creo tener un pesimo editor: estoy estropeando la plantilla, mas que ayudarme a mejorarla. Tu sabes de un editor que pueda hacer los cambios sin que resulte tan estresante y frustrante?? :) gracias por la ayuda;) que estes bien.

Saludos

PD: como puedo hacer un link en mi blog para redireccionarte al tuyo: creo que mucha gente necesita esta info.

Filosofia

Oloman

No, que yo sepa no hay otra forma de editar Blogger más que con lenguaje Blogger.

Creo recordar que te advertí sobre esta plantilla. Es algo complicada de mantener.

Sobre lo del link, pincha en la pestaña central debajo del buscador superior: "ENLAZAR"

No URL Filosofia

Hola: en realidad, oloman, es bien dificil de mantener, jijiji. pero ahora por lo que me escribes se me ocurre lo siguiente: puedo solo rescatar "el cuaderno" del blogger?? el fondo, lo demas, no me llama mucho la atención, pero puedo rescatar el cuaderno y el recent post?

Gracias por estos datos, olomam.

Saludos

Filosofía

Oloman

¿Qué quieres decir con "el cuaderno del blogger"? Si lo que pretendes es usar otra plantilla y poner de fondo el cuaderno, me temo que tampoco es fácil. Esta plantilla está hecha a trocitos gráficos y si falta alguno, pues no queda bien. El gráfico de los posts recientes también está hecho por partes.
Estoy preparando unas entradas para explicar de forma genérica como funcionan esos trozos. Si quieres puedes esperar...

No URL Filosofia

Gracias, Oloman. Esperaré muy paciente estas sugerencias.

Que estés bien

Anónimo

Solamente agradecerte por tus sencillas explicaciones y por tenerme una gran paciencia.

Problema resuelto

Gracias

chelas

Mercier mc

Hola Oloman,

como se que tu eres el experto;) te dejo el url de una plantilla que acabo de crear a partir de la plantilla glossy blue haber que te parece y si teniene algun error ;)

http://shcoolnotebook.blogspot.com/

Grácias

Oloman

Alla voy Mercier:
- La descripción del blog sale a la derecha en Firefox y abajo pero muy desplazado también a la derecha en IE8.
- El dibujo para ir arriba tiene un halo rectangular que no sé si quieres que sea así o si es que se te olvidó hacerlo transparente del todo.
- El fondo de la fecha de los posts es una tinta plana. Quizás si creas un dibujo de fondo irregular, quede mejor para la idea que me parece que llevas.

Cada vez que introduzcas un cambio importante, echa un vistazo en los dos navegadores que te comentaba, porque no funcionan exactamente igual y a veces dan resultados distintos para el mismo código.

Mercier mc

Ok grácias

Mercier mc

Por cierto se me olvidaba

¿Cómo se hace para hacer que un widget/gadget quede permanente en el código de la plantilla? ¿ Sin que ellos lo tengan instalados al blog?

Por ejemplo, si yo en el código de la plantilla que ofrezco, coloco una imágen ( desde elementos--añadir una imagen... ) y quiero que la otra gente tambien lo tenga cuando se instale el código, como por ejemplo una imágen que diga LO ULTIMO encima de los últimos posts

Grácias

Mercier mc

Pedon ese ultimo era yo:)

Jordi
El autor ha eliminado esta entrada.
Oloman

Mercier, tendrías que escribir el código directamente en la parte HTML. Si además quieres que sea algo "permanente", fuera de las secciones y de los widgets. En el caso de una imagen, lo mejor es hacer una clase con esa imagen de fondo y un ancho y alto para luego incluirla delante de la correspondiente sección.

Mercier mc

Ok, ¿y si quiero colocarlo encima de los posts?
¿Que parte del HTML es ? Grácias

Oloman

En tu plantilla, entre estas dos líneas:
<div class='col01'>

<b:section class='post' id='main' showaddelement='yes'>

_Isonauta

Hola Oloman!
Harto tiempo ha pasado desde que no venía a solicitarte un poquito de atención ;)

Me he encontrado con el problemilla de la plantilla Aspire, donde en la parte que debería salir el mes, sale "undefined" el tamaño de las fonts de la fecha se ha desconfigurado tb.
Pero hace tiempo que no metía mano al template y ahora leyendo tu explicación no me da resultado.

Podrías echar una mirada por aquí y así poder decirme, más o menos, en que esto fallando?

http://atalayasur.blogspot.com/

Gracias desde ya!
y saludos

=)

Oloman

Hola Isonauta

No puedo ver dónde puede estar el problema concreto de tu plantilla, pero en Blogger han suprimido algunos formatos de fecha para las entradas, así que si estabas usando uno de ellos, el problema es ese.

El que se cita aquí sigue existiendo (13 de Junio de 2009), por lo que si sigues las instrucciones al pie de la letra, deberías poder solucionarlo.

_Isonauta

Es que lo malo, que de los códigos en gris que salen aquí (y que no hay que cambiar).
No me aparecen en el template Aspire =/
por eso me sale tan complicado saber donde debo cambiar que cosa, en que parte.

Oloman

Exactamente igual no, pero tienes
<div class='date'>. No intentes quitar el código antiguo y sólo añade el nuevo detrás de eso.

Firulete

Hola Oloman!
TEngo un problemita con la plantilla y quería saber qué tengo que hacer. Me aparecen ventanas del Photobucket diciendo que me vuelva pro.
Te dejo el enlace! http://unfirulete.blogspot.com

Oloman

Firulete, por lo que yo sé, el servicio de Phtobucket es gratuito hasta cierto límite. El mensaje que te sale (Bandwidth Exceeded) quiere decir que has sobrepasado ese límite. Lo que no sé es si has sobrepasado tu límite personal o es el alojamiento de las imágenes de la Notepad Chaos el que lo ha hecho.

En cualquier caso, la solución es la misma: alojar las imágenes en el propio Blogger (o Picasa) y sustituir las direcciones originales por las nuevas que obtengas.

Firulete

Listo! Muchas gracias por tu ayuda! Hice lo que me indicaste pero igualmente sigue viéndose mal (como si no tuviese continuidad). Si puede aclararme qué debo modificar, te lo agradezco!

Oloman

Ahora el problema es distinto y es que te faltan imágenes. Has confundido la dirección de muchas.

Por ejemplo, una de las primeras que salen en la plantilla (en #search .TXTfield), es http://www.blogger.com/post-create.g?blogID=6252121194627141541
pero puedes comprobar que eso no es la dirección de una imagen.

Las direcciones de imágenes deberían terminar en .jpg, .gif o .png

PUBLICAR UN COMENTARIO


No rights reserved
NINGUN DERECHO RESERVADO
...aunque se agradece un enlace. Si crees que algo aquí vulnera los derechos de otro, mándanos un correo.
Para recibir Oloblogger en tu correo, introduce aquí tu dirección

Technorati Blogalaxia Blogesfera Bitacoras.com Twingly Ayuda Blogs Alianzo Wikio Ranking de Buzzear (ES) TOP 100 WEBLOGS Unión Bloggers Hispanos Más tráfico para tu blog Mi blog está incluido en Pixel a Pixel Directorio de blogs Blogissimo Personal Blogs - Blog Top Sites Blogging Blogs - BlogCatalog Blog Directory Top Internet blogs Mi Ping en TotalPing.com Directorio Blogger

Grupo Uniblog

Ir Arriba