Problemas con plantilla Aspire en Blogger
05-sep-2008
43
Pedro de Navegantes, preguntó hace siglos como arreglar el problema de la fecha en la adaptación a Blogger del template "Aspire". La verdad es que es una plantilla muy maja y es una pena que no funcionara bien. El caso es que la fecha no se muestra en el hueco donde debería.
Para no comerme mucho el coco y, sobre todo, por escasez de tiempo, he optado por eliminar el script original y aplicar la solución que J.Miur propone para el formato de las fechas en su artículo "Blogger: la fecha de los posts", dónde os remito para ampliar información sobre el tratamiento de fechas.
Editamos la plantilla, expandimos artilugios y buscamos el head. Justo antes, insertamos el código en rojo:
Ahora buscamos el script original que se encuentra entre dos etiquetas clase DATE y que es exactamente...
Tenemos que sustituir todo lo anterior por esto otro...
..y con estos sencillos cambios el día y el mes de la fecha aparecen en el recuadro naranja sin problemas.
IMPORTANTE: Como el script separa los distintos elementos de la fecha basándose en la separación por un guión (-), para que todo vaya bien, en Configuración-->Formato-->Formato de cabecera de fecha, hay que escoger un formato del tipo 05-sep-2008. Podríais usar 05-Septiembre-2008, pero los meses con muchos caracteres como este, no saldrían bien.
Para no comerme mucho el coco y, sobre todo, por escasez de tiempo, he optado por eliminar el script original y aplicar la solución que J.Miur propone para el formato de las fechas en su artículo "Blogger: la fecha de los posts", dónde os remito para ampliar información sobre el tratamiento de fechas.
Editamos la plantilla, expandimos artilugios y buscamos el head. Justo antes, insertamos el código en rojo:
<script type='text/javascript'>
function calendario (cual){
var lafecha = cual.split('-');
fday = "<div>"+lafecha[0]+"</div>";
fmonth = "<div class='month'>"+lafecha[1]+"</div>";
fyear = "<div>"+lafecha[2]+"</div>";
document.write(fday);
document.write(fmonth);
}
</script>
<head profile='http://gmpg.org/xfn/11'>
function calendario (cual){
var lafecha = cual.split('-');
fday = "<div>"+lafecha[0]+"</div>";
fmonth = "<div class='month'>"+lafecha[1]+"</div>";
fyear = "<div>"+lafecha[2]+"</div>";
document.write(fday);
document.write(fmonth);
}
</script>
<head profile='http://gmpg.org/xfn/11'>
Ahora buscamos el script original que se encuentra entre dos etiquetas clase DATE y que es exactamente...
<div class='date'>
<script type='text/javascript'>
var timestamp = "11:22";
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);
}
</script>
<script type='text/javascript'>document.write(date_dd);</script>
<div class='month'><script type='text/javascript'>document.write(date_mmm);</script></div>
</div>
<script type='text/javascript'>
var timestamp = "11:22";
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);
}
</script>
<script type='text/javascript'>document.write(date_dd);</script>
<div class='month'><script type='text/javascript'>document.write(date_mmm);</script></div>
</div>
Tenemos que sustituir todo lo anterior por esto otro...
<div class='date'>
<script>calendario('<data:post.dateHeader/>');</script>
</div>
<script>calendario('<data:post.dateHeader/>');</script>
</div>
..y con estos sencillos cambios el día y el mes de la fecha aparecen en el recuadro naranja sin problemas.
IMPORTANTE: Como el script separa los distintos elementos de la fecha basándose en la separación por un guión (-), para que todo vaya bien, en Configuración-->Formato-->Formato de cabecera de fecha, hay que escoger un formato del tipo 05-sep-2008. Podríais usar 05-Septiembre-2008, pero los meses con muchos caracteres como este, no saldrían bien.
Suscribirse a:
Enviar comentarios (Atom)
NINGUN DERECHO RESERVADO
...aunque se agradece un enlace.
Si crees que algo aquí vulnera los derechos de otro, mándanos un correo.
COLEGUILLAS
43 comentarios:
¡Felicidades Oloman!
La solución ha sido perfecta
Respecto a lo otro, era que no me aparece el icono de edición rápida del post, que suele aparecer por ahí, donde están los comentarios ...
También quiero comentarte, que llevé a cabo tu post, sobre "Desplegar partes de un Blog", y ha salido magnífico.
Sólo me queda felicitarte por la labor que haces y darte las gracias
Un fuerte saludo
hola Oloman!!!, tengo una duda: en la sidebar-wrapper cúal es el código que corresponde al título: ej: COLABORAMOS CON.
No sé que lío he realizado, que si pongo título sale extremadamente grande.
Excelente tu blog de ayuda, te tengo enlazado, ingreso muchísimas veces, NO TE COMENTO!!! ohhh
Pedro, supongo que sabes que el lapicito de edición rápida, sólo sale después de haber hecho login.
El artilugio está con una identificación id='postQuickEdit'
Graciela, el título de los elementos de la barra lateral no se controla ahí. Tienes que buscar la clase H2 que es la que normalmente se le aplica a esos rótulos. Echa un vistazo a este artículo sobre el tema.
SALUDOS
Sí que lo sé Oloman, y por eso te lo comentaba, aún estando logueado no aparece.
Perdona mi tardía respuesta, pero he estado unos días fuera
Es una solución rápida a una edición con la se puede corregir o añadir algo, la verdad, bastante práctico.
He ido en la plantilla y efectivamente aparece id='postQuickEdit' , sin embargo, no tiene nada extraño, yo creo que en otra parte puede estar diciendo lo que aparece y lo que no.
Saludos
Bueno, tal vez lo he planteado mal, la pregunta sería ¿en que parte se ordena en la plantilla xml el que id='portQuickEdit' se vea o no?
y así iré probando yo mismo, no quiero abusar de tu paciencia ...
saludos
Siempre empiezo por lo más fácil (Navaja de Occam). Lo siguiente es en este caso, la contestación a esa pregunta...
Diseño-->Elementos de la página-->Entradas del Blog (Editar)
...y una vez que se abre la ventana emergente, seleccionar "Mostrar edición rápida".
Saludos,
Lo siento, ya está probado.
Bueno, pues haz una copia de seguridad de tu plantilla y envíamela por correo. A ver si encuentro el problema en algún sitio,... pero esto empieza a parecer difícil.
olx k talª! teng problemas sobre la fecha en si sigo los pasos normales pero cuando pongo
div class='date'
si lo encuentro pero el codigo:
no aparece el codigo k dices! si no otro :S
no lo encuentro =( x eso no puedo cambiarlo noc si me puedas ayudar t lo agradeceria muxho espero alguna respuesta tuya y super el blog! saludos y buen dia
Olvidaste poner tu dirección Cristhiams.
La necesito para ver que puede estar pasando.
Otra solucion mas para la plantilla Aspire. En este caso para poder utilizar formularios de comentarios incrustados.
Eliminar el codigo H4 que vemos en nuestra plantilla como se indica aqui e insertar el otro facilitado.
http://www.lahfora.blogspot.com/
Saludos, isa
Hola.
He seguido tus pasos para la edición de la fecha en el cuadradito de la plantilla Aspire en blogger pero tengo un problema. Ahora sólo sale la fecha en la primera entrada, en las demás entradas no aparece nada.
El blog que uso para mis experimentos es:
http://yovivoenellaprueba.blogspot.com/
Ahí podrás comprobar lo que te digo.
¿Qué he hecho mal?
Muchísimas gracias.
Creo que nada Mujer Quijote -teneis algunos nicks, que cuesta dirigirse a vosotros sin sentirse raro-.
Prueba a crear hoy otro post y pienso que saldra bien. Me pareció ver en una ocasión -aunque no lo comprobé- que cuando los posts llevan la misma fecha, sólo coloca la de la primero. Casi todas las plantillas están preparadas para que suceda esto.
Supongo que esto es lo que te ha pasado. Haz la prueba.
Un saludo,
Eso que comentas sobre sólo etiquetar una entrada al día lo había sospechado yo. Así que ayer lo dejé y esta mañana puse entrada nueva para comprobarlo. Todo seguía igual, por eso te pedí ayuda. Ahora, al decírmelo tú, he vuelto a poner otra entrada y bingo. Revisando revisando he encontrado el problema (ahora toca ponerse colorada y avergonzarse). La hora del blog estaba en hora del pácifico, así que ayer noche y esta mañana eran el mismo día aún para él. Siento haberte molestado por una tontería así.
Tú me has solucionado la fecha, en otro foro me han enseñado a recuperar la paleta para las fuentes. Pero hay algo que he visto como pregunta en varios sitos y ninguna respuesta y también me interesa. ¿Cómo puedo poner la barra de navegación? He hecho algunas pruebas y lo único que consigo es media barra, y no la media que me interesa (la de acceder, personalizar y esas cosas). Abusando de tu amabilidad ¿sabrías decirme cómo hacerlo?
Muchísimas gracias por todo y perdón por la pesadez.Si me lo permites, vas a figurar en los títulos de crédito del blog.
Busca esto en tu plantilla y elimínalo
/* === Hide the NavBar === */
.Navbar {
visibility:hidden;
display: none;
}
/* === Hide the NavBar === */
Quizás, para el diseño de tu plantilla, venga mejor una barra escamoteable en lugar de una fija.
Eso lo había hecho, pero sólo me aparece el trozo de barra de buscar blog, marcar blog, siguiente blog. No me aparece el trozo de acceso a blogger o, una vez "logeada", donde aparece nuevas entradas, personalizar y esas cosas. Había visto lo de la barra escamoteable, que tienes razón, quedaría mucho mejor, pero antes tengo que tener barra que escamotear.
A falta de retoques, ya he subido la plantilla a mi blog "serio". Como te dije, me he permitido la libertad de incluirte en el copyright (eso sí, está al final del blog, en la última línea).
Muchas gracias de nuevo por tu tiempo.
Muy raro eso que dices Mujer Quijote. Lo normal sería que la barra sale o no sale. Si te sale y has hecho login, debería salirte con todo.
¿quizás alguna CLASE con un WIDTH excesivo que hace que eso que echas de menos se pierda por la derecha?
Muchas gracias oloman por tu indicación de que algo podría ser más ancho de lo debido. Experimenté y tenías razón. La clave de que no se vea la barra de navegación está ahí.
Para verla, primero hay que borrar la parte de código que tú pones arriba. Así aparece la mitad de la barra. A continuación hay que buscar la siguiente parte:
.right-bg {position:absolute; right:0px; top:0px; width:50%; height:223px; background: url(http://www.webpagedesign.ws/aspire/top-right-bg-repeat.jpg) 40px 0px repeat-x;}
Donde pone width:50% tenemos que sustituirlo por width:0% y listo, aparece la barra de navegación completa.
Paso siguiente, escamoteo de barra.
Gracias por la ayuda y las recomendaciones.
Dos cosas que pueden interesar.
La barra escamoteable sólo funciona en IExplorer, no en Firefox ni Konqueror.
Las transparencias de la A en formato png sí funcionan en IExplorer 7.0
Misterios de las plantillas...
Lo de la barra que se esconde, funciona en mi blog en ambos exploradores y en ninguno en el tuyo, al menos a estas horas.
Y lo de la A hoy lo veo bien en ambos...
Hola. Estaba buscando el color exacto de la plantilla para poder ajustar los widgets de feedjit a ese. El que trae viene por defecto perfecto pero no se puede leer.
Sería algo así #E0D094 . Con la paleta es muy complicado encontrar el exacto.
Gracias , saludos y felicidades por este blog.
bLuEsMaN, el color exacto es imposible porque los fondos de esta plantilla son imágenes con colores degradados, por lo que son varios colores a la vez. Por tanto, al aplicar un color plano, es muy difícil que no se note el "corte".
No obstante, he hecho unas pruebas que parece que quedan bien. Para algo contenido en el cuerpo de las entradas, prueba con #EFE6C7 y para insertar algo en la barra lateral, el #DBB763.
Ya me dirás.
Van muy bien las que has dado. Muchas gracias. ;)
Hola Oloman.
Tras una temporada sin darte la lata vuelvo al ataque.
Me gustaría añadir una descripción a mi blog (la plantilla es Aspire).
Cuando me voy a Diseño, Cabecera, me aparece la línea para el título y un cuadro para poner la descripción (además de opciones para imágenes). Pongo la descripción, pero cuando me voy a ver el blog ésta no aparece por ningún lado.
¿Hay algo que pueda hacer o Aspire es así y hay que gastarla como viene?
Gracias por adelantado.
Supongo Mujer Quijote, que algo se podrá hacer, lo que pasa es que ando un poco liado y ahora mismo tampoco tengo la plantilla a mano para echarle un vistazo.
Prueba a ver si tienes esto o algo parecido. En el segundo caso, inserta las líneas que te falten y que tengan que ver con "description". Supongo que no cuadrará a la primera, por lo que es posible que haya que retocar algo más. Con Vista Previa puedes probar sin alterar nada.
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
Todo eso ya está puesto en la plantilla, no falta nada, así que supongo que la cosa está por otro lado, Tal vez algún tamaño de algún trozo, pero no soy capaz de dar con ello.
Gracias por todo.
Una nueva pregunta. Tengo varios blogs con la plantilla aspire y en cuanto al formato son prácticamente idénticos. Usualmente empleo el google chrome como navegador y los he podido visualizar sin problemas pero hace unos días me conecté con el explorer y vi que sólo en uno se mostraban las dos columnas de la derecha en la página principal. He probado desde otros ordenadores y sucede lo mismo. El caso es que la plantilla la he calcado de un blog a otro, y los widgets prácticamente también. Con el resto de navegadores va bien (Opera, Firefox, Chrome, etc,...) pero ya sabéis que la mayoría de la gente usa todavía explorer.
¿Cómo se podría hacer para solucionar el problema y que se viesen las columnas correctamente en la página principal con el internet explorer?.
Gracias y saludos.
Mujer Quijote: Lo único que puedo hacer es echarle un vistazo a tu plantilla. Pásame si quieres una copia hecha desde Blogger (descargar plantilla)
BluesMan: He visto lo que me cuentas en Un Misántropo y Filosofía Comentada. A priori, las plantillas me han parecido idénticas, pero he observado que el primer widget es respectivamente una lista de blogs y una lista de etiquetas.
Lo único que se me ocurre es que la lista de blogs te esté provocando de alguna manera que no se vea ni ese widget ni el resto del blog. Esos códigos no los puedo ver, así que si no es mucho trastorno, y supongo que no porque peor no puede ser, copia los códigos de los widgets de Filosofía en el otro, a ver si se te arregla el tema.
Antes de nada, gracias por la paciencia y el resto. Y ahora comento lo que he probado:
Lo primero lo que me has dicho y no ha habido ningún cambio. Luego he pensado y me acordé que para duplicar las plantillas me limité a copiarlas (copy /paste) de cuajo. Entonces pensé que quizás el error podría haber estado ahí. He cargado la plantilla aspire desde cero y hasta aquí correcto. Luego al meter el primer código para post expandibles (peekaboo view) compruebo que estamos en la misma, ya no aparecen los iconos a la derecha. Entonces vuelvo a recapacitar y me sale el siguiente proceso de lo que tenía hecho hace semanas (antes de poner el explorer y ver que daba fallos):
El primer blog al que le puse la plantilla aspire fue el blues-blues, al no usar explorer de aquella no supe que aunque me funcionaba bien a mí no estaba funcionando en los ordenadores de los demás que tenían explorer. Mientras seguía sin saber ésto copié la plantilla de blues-blues de cuajo a filosofía comentada (copy /paste) para así evitar ir pegando todas las modificaciones una a una. Lo gracioso es que en filosofía comentada funciona perfectamente, mientras el original del que lo copié funciona mal. El siguiente fue un misántropo. Copié de nuevo de cuajo (copy /paste) la plantilla de filosofía comentada y, aunque parecía ir bien al principio, en misántropo ha pasado lo mismo que en blues-blues.
Si ahora voy haciendo las modificaciones desde cero no consigo ponerlo totalmente ok como en filosofía comentada, y cuando lo copié de cuajo el proceso fue: blog que va mal -(copio plantilla)-> va bien en este blog -(copio plantilla)-> mal en este blog, lo que es algo incoherente.
Lo único que se me ocurre ya es si podría ser del panel de configuración de blogger pero en los tres es idéntico.
Conclusión: No entiendo lo que ha pasado y ya no se me ocurre cómo solucionarlo.
¿Podría haber alguna otra solución?
Gracias de nuevo y un saludo.
Ah y me olvidaba un detalle. Cuando da el error, además de no salir las columnas de la derecha, no salen todas las entradas quedando además la última cortada.
bLuEsMaN. Acabo de ver tus últimos comentarios sobre los problemas de la plantilla y no recuerdo si te contesté o no... Me suena que lo hice por correo electrónico, pero el Alemán se ve que ya me está afectando.
Hola.
No era yo el del correo pero creo que ya voy sacando mis conclusiones.
Después de varias pruebas pienso que el problema está encontrado y estaba en los menús deplegables que no funcionan con explorer.
Lo curioso es que en un blog me funciona con los desplegables ( http://filosofiacomentada.blogspot.com/ ) y en otro no va:( http://blues-blues.blogspot.com/ )
He probado incluso a cpiar la plantilla de cuajo pero no hay forma. No acabo de entenderlo.
gracias y saludos
Ok bLuEsMaN. Yo juraría que te contesté, pero al venir a este post por otros motivos, observé tu pregunta sin mi respuesta.
Por las fechas de tu consulta, contesté a otros lectores por correo y pensaba que quizás al final lo hice así contigo. Lo más probable es que llegara a escribir aquí pero que me rechazara el comentario y no me diera cuenta. Lo siento.
No obstante, mi intención era decirte que algún gadget era probablemente la causa. De todas formas, tampoco le veía mucha lógica al ser blogs clonados.
Saludos.
Oloman, un millón de "gracias", no sé a cuánto equivaldrán en dólares. Hacía rato que esta plantilla me daba dolores de cabeza con la historia de los números y las fechas. Gracias por tu blog, sencillo y claro, eso es lo que lo hace bueno. Saludos!
Ok.
Una preguntilla más. He observado que en el dibujo la parte superior de los gadgets deja un espacio en blanco en el explorer, mientras que no lo hace con otros navegadores. Algunas veces se ha visualizado bastante bien (durante las modificaciones de la plantilla), pero generalmente en la mayoría de los gadgets aparece esto. Aparte de que hace feo, desencuadra las columnas porque como a la mayoría de los gadgets le añade un espacio en blanco al final la suma hace que la columna completa sea bastante más grande.
¿Tienes idea de qué se podría hacer?
Gracias de nuevo y saludos.
ops . me olvidaba. El blog en el que estoy intentando corregir lo de antes es: http://filosofiacomentada.blogspot.com/
Hola bLuEsMaN. El responsable es seguramente <div style='white-space:nowrap'> Lo que ocurre es que no lo veo en tu CSS. Probablemente lo metan los propios gadgets, pero no tengo acceso a ese código. Echa un vistazo en los que te causan problemas.
Muchas gracias! salvaste una vida!
Mel
Gracias. Seguiré probando. ;)
Muchas gracias...puedes arreglar tambien la crisis?
:) Muy bueno Consuelo. --> Lo siento, no.
¿Me podeis indicar alguno donde puedo encintrar un calendario para esta plantilla?. Muchas gracias por que estoy desesperado con la busqueda y no ninguno que coincida con el tamaño de los gadget.
@lapazdelporvenir, va a ser complicado porque el espacio en las barras laterales es muy estrecho. Prueba a insertarlo arriba o debajo del cuerpo de los posts.
También puedes probar a buscar alguno pequeño. Para eso, vas a Elementos de Página --> Añadir Gadget. Luego, en el buscador (arriba-dcha) pones "calendario" y a ver si hay alguno que te cuadre.
PUBLICAR UN COMENTARIO