Tuneando el blog

Esto es un delito

2009-11-16T02:12:00.005+01:00

Esto es un delito de usurpación de personalidad.

Por suerte la muchacha que tiene este blog me ha avisado y los ha publicado para que pudiera verlos.

Evidentemente le he dejado respuesta. No puedo dejar que nadie usurpe mi nombre y con él se dedique a insultar de esta forma a nadie.

De manera que mañana mismo esto va a la policía.

Porqué si solo pusiera el nombre podría decirse que Eulalias hay muchas, pero así, con nombre y los dos apellidos, esto ya es delito.

Edito: Acabo de hablar con la policía y me han confirmado que ésto es un delito, de manera que ya está en marcha el tema.
Solo pediros una favor: Si alguno de vosotros recibe un comentario similar a éstos no lo borreis ni rechaceis, dejadlo publicado y avisadme para que pueda imprimirlo y añadirlo como documentación a la denuncia. Gracias.

Alguien se está haciendo pasar por mi.

2009-11-10T03:54:00.003+01:00

Esta entrada acabo de publicarla en otro blog, pero he decidido copiarla aquí por que sé que en éste entra más gente y hay más personas que me siguen y/o reciben el feed de las entradas.

Hoy me han dejado un par de comentarios en Tuneando el blog.

Este y este.

Y yo no entendía nada.

Los que me conoceis sabeis que jamás de los jamases dejaría comentarios de este tipo.

Afortunadamente la dueña del blog ha hecho una captura de pantalla de este comentario y me ha agregado en Facebook para hablar conmigo "cara a cara" y deshacer el malentendido, o aclarar la situación.

Y hemos llegado a la conclusión lógica de que algún malnacido (y no digo los epítetos que se me han pasado por la cabeza), se está haciendo pasar por mi para molestar a otros bloggers.

Tras nuestra conversación le he dejado 3 comentarios en esta entrada de su blog, para que vea como suelo escribir yo y como suelo dejar los comentarios: dando la cara y dejando el enlace a uno de mis perfiles en blogger, aquel en el que me encuentre al dejar el comentario en cuestión, cosa que nunca podrá hacer este/a imbécil.

Así que si en algún momento os encontrais un comentario "supuestamente mío", firmado con mi nombre, pero sin enlace ni avatar, recordad, no soy yo. Es algún .... de .... que me quiere tocar lo que no suena.

¿Que pasa hoy en blogger?

2009-10-31T11:25:00.002+01:00

No puedo entrar en la mitad de mis blogs, incluido éste. Tan solo se abren las opciones de edición pero si intento ver la página principal no hay forma.

Lo malo es que no solo son mis blogs, (en este caso podría pensar que hay algun código que los está jodiendo), sinó que ya me ha sucedido en otros que no son míos y a los que he querido acceder para poder responder a alguna consulta.

Y no solo ésto. Con Explorer no he podido acceder ni a blogger. Cada vez que lo he intentado me ha salido la página de No se puede mostrar.

¿Alguien sabe algo?

El chisme que muestra las entradas

2009-10-30T13:28:00.003+01:00

Me han pedido que explique como y donde se consigue este chisme que veis a la derecha en el que se ven las entradas más populares.

El truco lo vi aquí, en el blog de Pizcos y además de práctico, ya que basa su elección en la cantidad de veces que se consultan ciertas entradas, es muy sencillo.

Solo has de entrar en Post Rank, poner el ratón encima de Get Widget y seleccionar Blogger de las opciones que se despliegan, (si tu blog está aquí, claro está).

Al pinchar se abre una página para que pongas la dirección de tu blog.

Fíjate que hay una de ejemplo ya escrita. Acuérdate de borrarla antes de empezar a escribir la tuya.

Una vez la hayas escrito asegúrate que lo ha encontrado.

Lo sabrás porqué en el widget de muestra que hay a la derecha se verán los títulos de tus entradas. Si no se vieran es que no lo encuentra.

Pero si ves allá los títulos de tus entradas, seleccionas el color y la cantidad de posts que quieras que se muestren.

Luego, una de dos, o le das al botón de blogger para que se instale solo, o copias y pegas el código que hay debajo en un gadget HTML de tu blog.

Si mal no recuerdo esto fue todo.

Hoy he intentado poner otro en Tu blog y tu, pero, como tenia en memoria la url de este, no me dejaba así que me he registrado y tras dar varias vueltas he dado con un claim your blogs, pero aún no he descubierto como se hace para que vea que los blogs son mios.

Seguiré investigando y cuando me salga bien en uno lo repetiré con capturas, (¡será por blogs!) y haré el tutorial completo en Más cosas.

Personalizar los elementos de la sidebar de forma independiente.

2009-10-29T16:44:00.003+01:00

El otro día os explicaba como poner una imagen en los títulos de los gadgets.

A raiz de esta entrada me preguntaron si era posible poner una imagen distinta en cada gadget. La respuesta es Si. Se puede personalizar cada título de forma independiente.

Y como muestra de ello fíjate en los gadgets de la columna de la derecha.

Todos los títulos tienen una línea debajo, que no es un subrayado, sinó un borde, pero si te fijas en el gadget de Twitter ese no tiene línea bajo la palabra ¡Cucú! que es el título del gadget.

La forma de personalizar el título de cada gadget de forma independiente es añadir un trocito de código para el título de ese gadget concreto.

Siguiendo con el ejemplo del gadget de Twitter, te contaré como lo he hecho.

Diseño o Personalizar (depende de por donde entres)/Edición de HTML.

SIN EXPANDIR PLANTILLAS DE ARTILUGIOS.

Primero he bajado al HTML del código en busca de la id de ese gadget. Como tiene título me ha sido fácil verlo. (Recuerda que la id se ve en la línea que empieza por <b:widget ) En este caso se trataba del HTML4

Con este dato en la cabeza he subido al CSS y he añadido este código:

#HTML4 h2 {
border-bottom: 0px;
}

¿Que significa este código?

#HTML4 es la identidad del gadget/widget, h2 es como se denominan los títulos de los gadgets en el código, al menos en la mayoría de plantillas de blogger.

Como habia dado la orden de que los títulos de los gadgets tuvieran un borde debajo, (la línea que se ve en los demás), con border-bottom: 0px; le digo que en este gadget concreto esta línea o borde, ha de medir 0 píxels, con lo cual no se verá.

Como Veis es sencillo. Solo has de explicar claramente qué quieres que se vea y donde.

Esconder el contenido de los gadgets tras un [+/-]

2009-10-28T23:40:00.008+01:00

Llevaba varios días dándole vueltas a una idea: Hacer que las listas de enlaces del Directorio se mostraran encogidas, que solo se viera el título y un [+/-] o algo parecido, para expandirlos. De esta forma, pensé, el blog sería menos mareante para quien entre en busca del enlace a alguna entrada, ya que están todas bien catalogadas en distintas listas. (Los que lo usais ya me entendeis).

Esto también me permitiría volver a dejarlas en solo 3 columnas, con lo que cada enlace, o la mayoría de ellos, estaría en una sola línea.

Probé el truco de las librerias y el efecto toogle, pero, por alguna extraña razón que no he logrado averiguar, no me funcionó ni allí ni aquí.

He buscado información acerca de ésto, he mirado el código fuente de algunos blogs que lo tienen, pero en los mios este truco se limita a llevarme arriba sin abrir el gadget.
Incluso le escribí a gem@ a ver si ella podía echarme una mano, pero no hubo forma de arreglarlo, así que estaba a punto de dejarlo por imposible.

Pero soy muy tozuda y cuando algo se mete entre ceja y ceja no paro hasta lograrlo, así que hoy se me ha ocurrido una idea: En este mismo blog tengo el gadget de etiquetas encogido, ¿sería posible utilizar ese mismo código para otros gadgets?.

Lo he probado, pero al principio no me ha funcionado, así que he investigado un poco y en el blog de Rosa he encontrado la solución.

La he aplicado a todos los gadgets del directorio y ¡ha funcionado!.
Ya tengo todos los gadgets de ese blog bien recogiditos ocupando el mínimo espacio y si alguien necesita buscar el enlace a alguna de mis entradas, aparte de que puede usar el buscador, que funciona tan bien que muestra incluso las entradas que aún no he añadido a las listas, puede desplegar tan solo la lista que le interese o en la que crea que pueda estar lo que busca, sin tener que ver los tropecientos enlaces que hay al mismo tiempo, con lo que será menos mareante para el o ella.

EDITO: Hoy puedes ver el mismo truco aquí, aplicado a varios gadgets, Archivo, Etiquetas, Lista de Blogs yTexto. El sistema es exactamente el mismo en todos ellos.

Solo has de tener en cuenta que en el gadget de etiquetas hay una pequeña variación que mencionaré en la explicación.

Así que si te interesa, pincha y verás

Lo primero de todo que has de hacer, antes de empezar es EXPANDIR PLANTILLA DE ARTILUGIOS, (ya sabeis, marcar ese cuadrito que hay justo encima del recuadro del código, a la derecha y esperar un segundo a que el código recargue para empezar a buscar).

Y lo remarco bien, así en mayúsculas y en negrita, porqué no quiero que luego me vengais con "No encuentro eso que dices" porqué os garantizo que lo que os voy a decir está en todos los gadgets.

Absolutamente en todos.

Una vez expandidos buscais el gadget que querais encoger. Si tiene título os será más fácil de encontrar, pues buscando ese título lo encontrareis. (Control F y os aparecerá la barrita para buscar algo en el código. Arriba, abajo, a la derecha o a la izquierda de la pantalla, dependiendo del navegador, pero os saldrá. Y si no tiene título ponédselo o solo se verá el [+/-] y nadie sabrá qué es lo que hay detrás.

Una vez localizado el título fijaos bien en lo que hay. Porqué hay 3 líneas que son claves para colocar el código que hará que se encoja y se vea como los de allí.

Las líneas son:

<b:includable id='main'>

<div class='widget-content'>

<b:include name='quickedit'/>

El resto del código del gadget puede variar, dependiendo del tipo de gadget que sea, pero estas 3 están en todos.

Así que con estas 3 líneas localizadas hay que añadir 3 códigos al código del gadget.

El primero va justo debajo de la primera línea que menciono y es este:

<script type='text/javascript'>
//<![CDATA[if(typeof(rnd) == 'undefined') var rnd
= '';rnd = Math.floor(Math.random()*1000);rnd = 'id-' +
rnd;document.write('<a href="#" onclick="tmp =
document.getElementById("' + rnd + '"); tmp.style.display =
(tmp.style.display == "none") ? "block" :
"none"; return false;" style="float:left;margin-right:5px;">');//]]>
</script>[+/-]
<script type='text/javascript'>
//<![CDATA[document.write('<\/a>');//]]> </script>

El segundo va justo debajo de la segunda línea que os he dicho y es éste:

<script type='text/javascript'>
//<![CDATA[document.write('<div id="' + rnd + '"
style="display:none;">');//]]>
</script>

Y el tercero va justo encima de la tercera línea que os digo y es éste:

<script type='text/javascript'>
//<![CDATA[document.write('<\/div>');//]]>
</script>

Independientemente de lo que quede, del código original, entre estos códigos, ya que cada tipo de gadget tiene sus propios códigos para funcionar.

Tan solo os teneis que fijar y basar en esas 3 lineas concretas que menciono al principio y pegar estos 3 códigos, en el lugar exacto que os digo.

En el gadget de etiquetas la segunda línea se ve algo distinta. Pero si te fijas bien en realidad pone lo mismo, solo que más largo, ya que se ve así:

<div expr:class='"widget-content " + data:display + "-label-widget-content"'>

Fíjate que remarco lo que hay en los otros gadgets.

Variantes de este tema:

Haciéndolo así el [+/-] queda a la izquierda y es posible que os quede encima del título del gadget.

Si quereis ponerlo a la derecha cambiais el left que he remarcado en rojo en el primer código por right.

Y si en lugar de ese [+/-] quereis poner una flechita o algo similar, (no muy grande, o no se verá, máximo unos 36 pixels), cambiais el [+/-] que he remarcado en rojo por <img src='ladirección de la imagen' /> y se verá la imagen.

En el directorio, si vais a chafardear un poco, vereis que yo he colocado una doble flechita verde a la derecha.

¡Tengo otro blog!

2009-10-27T19:16:00.003+01:00

Que raro ¿verdad? Jajajjaa.

Pues si. Me ha dado el venazo de escribir las cosas que me pasan en internet en otro blog distinto a todos los que tengo y he creado éste.

Si entras, aún lo verás desnudito, pero dame tiempo. Ya lo personalizaré.

Pasaré las entradas de cabreos varios allá, a ver si se guardan con comentarios y todo.

Porqué eso es lo que voy a poner en él. Las cosas divertidas o cabreantes que me han sucedido, me suceden y me sucedan en la red.

Si te apetece verlo, ya sabes, click en el link.

Y si te gusta, divierte o simplemente entretiene, agradeceré un comentario.

Y a ver si acabo creando un best-seller como me dijo Marian hace poco.

Añadir un power point al blog (2)

2009-10-27T12:31:00.010+01:00

Dependiendo del tipo de power point que quieras añadir es complicado este tema.

Si se trata solo de unas cuantas fotos vistas en plan diapositivas, sin transiciones espectaculares, ni letras apareciendo y desapareciendo, como en el que os he dejado en la otra entrada, Slideshare es bastante correcto.

De lo contario, no es el mejor sistema, pues convertirá tu obra en imágenes planas, fijas, sin transición alguna y en algunas diapositivas se mezcla todo aquello que hayas querido añadirle para que se vaya viendo en la misma poco a poco.

Así que, visto lo visto en Slideshare y teniendo en cuenta que no he probado ningún otro sistema, (si descubro de alguno que los muestre de verdad os avisaré), creo que lo más práctico que se puede hacer es poner una miniatura de la primera imagen del pps en un gadget o en una entrada y enlazar la dirección http del sitio donde lo hayais alojado.

En este caso Slideshare no sirve, ya que no da una url real.

He probado en Youtube y no se puede, así que solo queda un servidor que admita cualquier tipo de extensión y lo guarde tal cual es.

Ayer añadí el mio a la otra entrada, desde Google Pages, que es donde lo tengo alojado desde que lo creé, en Agosto de este año.

Déjame que haga aquí un inciso:

Hace un año se nos advirtió que google pages cerraba y cambiaba la ubiciación de las páginas creadas allí y, por ende, de los archivos.

Esto produjo una revolución en blogger, ya que muchos de nosotros lo usábamos para alojar nuestros scripts y otros archivos con extensiones que otros servidores no admitían, mientras que google pages lo admitía todo y de rebote se produjo una peregrinación por diversos servidores que nos han ido fastidiando continuamente.

Sky drive, la que parecia la mejor opción dada la cantidad de espacio que pone a nuestra disposición, tiene la manía de cambiar las direcciones de los archivos de vez en cuando, con lo que nos joroba el blog, ya que los scripts dejan de funcionar. (Personalmente me fastidió el tema de las plantillas que dejo a vuestra disposición, pues me empezaron a llegar quejas de que no podían descargarse. Quejas reales en éste caso).

Yahoo Geocities parecía otra opción perfecta ya que, aunque adolecía de un ancho de banda muy escaso, es, (era), fácil de usar y daba unas direcciones facilmente reconocibles, a diferencia de otros en los que la url es un verdadero galimatías.

Pues tampoco ha sido la solución. Cerraba el dia 26 de este mes, aunque parece ser que los archivos alojados allí todavía funcionan. (He dejado los comentarios visibles de algunos blogs con el script alojado en yahoo para saber qué día deja realmente de funcionar).

Fileden ha jorobado a muchos de sus usuarios, por lo que he leido. (No he utilizado nunca este sitio).

A todo esto, google pages sigue funcionando como alojamiento. Sigue admitiendo archivos y siguen funcionando. La única pega es que no admite cuentas nuevas, así que, si aún no la tenías, no la tendrás. Pero si la tienes, de momento, aprovéchalo. Funciona bien, es de google, las direcciones son cortas y reconocibles y es sencillo subir los archivos y copiar las direcciones.

Por otro lado, ya os comenté que había creado una cuenta en Dropbox. Y ahí también admiten cualquier tipo de archivo.

Acabo de añadir el power point a mi dropbox. Este es el enlace. En cuanto publique la entrada probaré como se ve y la editaré.

EDITO: De momento se ve bien. Pero el hecho de que Dropbox me ofrezca 2 Gb de almacenamiento me ha dado una idea que voy a probar. Ponerle música.

Cuando creé esta presentación logré ponerle música y guardarla con la música y todo. El problema era que el archivo midi de la canción que quise incluir, pesa 50Mb con lo que ningún servidor me lo admitía.

Voy a probar a colocársela de nuevo y añadirlo a Dropbox con la música. En cuanto lo haya hecho, si funciona, dejaré el nuevo enlace a ver lo que tarda en abrirse y ya os diré si vale la pena. ¡Hecho! A ver si se ve y se oye. Click aquí si quieres probarlo (con Firefox tarda 6 minitos en descargarse ya que pesa mucho por la música) y si lo oyes me lo dices. Gracias.

(Por cierto, si alguien sabe como hacer que un archivo mp3 pasado a midi pese lo mismo que el mp3 o poco más, agradecería que me lo dijera, pues a veces recibo presentaciones con canciones completas y no pesan tanto.)

Añadir un power point al blog

2009-10-26T19:34:00.006+01:00

Es muy sencillo. En Slideshare puedes subir la presentación y te dan un código embed que es el que has de añadir a la entrada, como si fuera un video de you tube.

Para más información, aquí puedes ver un video tutorial con todos los pasos a seguir.

Aunque no se ve tal y como lo hayas preparado. Si hay cambios de escena chulos no se verán. Solo se ven las imágenes fijas.

Por otro lado habia colocado aquí el código del que he subido de prueba pero con explorer no se abre el blog y se cuelga todo, así que lo he sacado. Al fin y al cabo tampoco se veia como era.

Si te apetece verlo de verdad aquí te dejo el enlace al mismo guardado en google pages.

Advertencia: Se ve mejor y más rápido en Firefox. Con Explorer no se qué tal se verá, porqué yo tengo el original en mi pc.

Edito: Con explorer también se abre bien. Una amiga ha hecho la prueba.

¡Gratis! (aunque te daremos por c... con publicidad gratuita)

2009-10-23T17:25:00.002+02:00

Recibo muchas consultas acerca de como hacer algo en blogs y a menudo me sucede esto que encabeza la entrada: Entro en el blog y me aparece alguna ventana con publicidad que, por alguna extraña razón, el navegador no puede detener.

A veces si, a veces solo me aparece la barra de que Firefox ha evitado que se abriera una ventana.

Y siempre sucede con plantillas que no son de blogger.

Plantillas descargadas de cualquier sitio que incluyen publicidad gratuita (gratuita para quien usa la plantilla, ya que imagino que quien la ha creado si que se gana sus eurillos con ella).

Además, este tipo de plantillas suelen estar construidas de forma muy distinta a las de blogger, con definiciones inventadas por sus creadores, códigos que no tengo ni puñetera idea para qué sirven y palabrejas que no he visto con anterioridad, con lo que para una inexperta como yo resulta sumamente difícil saber qué es qué.

Si alguien se descarga una de mis plantillas, o usa una de blogger por muy modificada que la tenga, siempre puedo echar mano de la original y ver donde está lo que se me pregunta, misión casi imposible para mi en éstas, por lo que me niego en redondo a meterles mano a este tipo de plantillas.

Mi lema es: "Si te has descargado la plantilla de alguna página, pregúntale a su creador como se arregla".

Y si encima incluye publicidad con mayor razón.

¡Al fin! ¡Un servidor que sirve!

2009-10-21T17:44:00.005+02:00

Bueno, pues ya está. Ya he encontrado un servidor que sirve, facilísimo de usar y que no solo me ofrece 2Gb de alojamiento, lo que para archivos, scripts y otras zarandajas para el blog es una barbaridad de espacio, sinó que, además, se gestiona desde el propio ordenador, con lo que no necesito entrar a ninguna página para subirlos o copiar la URL.

Se trata de Dropbox.

Dropbox se descarga en tu ordenador y añade una carpeta a tus documentos, que contiene 2 subcarpetas. Imágenes y Público.

Una vez instalado solo has de arrastar los documentos que quieras guardar allí hacia la carpeta.

Si quieres que sean privados, los dejas en la carpeta principal, aunque en este caso no podrás saber la url desde el pc.

Pero si los colocas en la carpeta pública, solamente pinchando el icono del archivo con el botón derecho y pinchando en Copy Public Link, tal como ves aquí,

podrás añadirlos a tu blog, allá donde hagan falta.

Tarda unos segundos en reaccionar, una vez que has añadido la dirección en el código correspondiente, pero ¡funciona!

Lo acabo de comprobar creando un índice del blog. (Puedes ver el enlace en la barra de botones bajo la cabecera).

Es super sencillo de usar y el índice es super sencillo de hacer, aunque esta vez no voy a explicaros como se hace. Os redirijo a esta entrada del blog de Lujo, que ha tenido la paciencia de aguantar mis preguntas estos dias acerca de google sites, que a mi no me ha servido de gran cosa por incompatibilidad entre el sitio y mi office word, mi open office y todos los offices que he probado.

Si necesitais saber como usar Dropbox, es muy fácil, ya que en el propio sitio hay muchas imágenes que os ayudan a entender como funciona.

Y si lo descargais sin registraros no hay problema, pues el primer paso a dar cuando lo instalas es registrarte, cosa lógica si vas a usar su servicio.

Solo espero que no le de por cambiar las url's aunque me da la impresión que no es esta su afición, ya que te garantizan que tendrás acceso a tus documentos estés donde estés.

¡Me lo llevo! (o el morro que se gastan algunos)

2009-10-21T01:39:00.003+02:00

Hoy me ha sucedido una cosa que me apetece explicaros para que veais hasta donde puede llegar el morro de algunas personas.

Todos hemos buscado cosas en la red y nos las hemos descargado.

Nos gusta una imagen, botón derecho y ¡hale! pa mi, (por poner un ejemplo) y luego quizá la hemos utilizado para ilustrar una entrada en el blog sin saber si podemos o no usar esa imagen y si nadie se queja, allí se queda. (Aunque a veces puede dar problemas esta actitud. Hace poco una amiga tuvo que rediseñar su plantilla por usar unas imágenes que estaban bajo copyright, detalle que ella desconocía.)

También hemos caido en el error de usar una dirección de otro sitio sin descargarnos la imagen o el archivo, haciendo así lo que llamamos "hot linking", a menudo por desconocimiento de este término y de su significado.

Pero lo que voy a contaros supera con creces todo lo antedicho.

Me ha llegado un mail en el que me decían textualmente: (copio y pego)

Hola encantado de conocerte, soy un apasionado de los blog y eh descubierto el tuyo y me gustaría me resolvieses una duda, encontré un blog y me gusto mucho su plantlla y como quiero hacerme uno personal copie su plantilla y intento ponerla en un blog y me da un error, como no se mucho de esto por que estoy empezando te mando la plantilla haber si podrías echarle un vistazo y solucionarme el error,de antemano te felicito por tu trabajo y un saludo.

Como sabeis no me gusta que me envien las plantillas así alegremente, y ya estaba a punto de responderle ésto y pedirle que me dijera qué error le daba cuando el redactado del mail me ha hecho sospechar de qué se trataba.

He abierto el archivo adjunto, que venia en formato .txt, otro punto que apoyaba mi intuición, ya que las plantillas suelen ser .html, aunque a veces quien me las manda en lugar de descargarla hace un copy/paste.

¡Bien! Como decía he abierto el archivo y al primer vistazo ya he sabido qué había hecho el listillo de turno.

Había pinchado en Ver Codigo fuente y había copiado lo que salía en esa ventana, con lo que no solo habia copiado los códigos del blog, sinó las entradas y todo.

El blog, (al que enlazaré si su dueña me da permiso para que veais que bonito es), está curradísimo. De los gadgets solo se ven los títulos y usa el efecto toogle para que se pueda ver su contenido.

Tiene montones de códigos añadidos para convertir una plantilla minima en lo que se ve, que es realmente precioso en su estilo.

Afortunadamente en el código fuente no sale la parte del HTML tal como debe ser en una plantilla de blogger. Todos los códigos que vemos cuando expandimos elementos no se ven, ya que la mayoría son condicionales a lo que hagamos en el blog, y en Ver Código fuente solo vemos aquello que los navegadores han interpretado entre todos los códigos que hay en la plantilla.

Como podeis imaginar y no podía ser de otra forma, mi respuesta ha sido esta:

Hola:

No me extraña que te de error.

Imagino que le diste a ver código fuente y copiaste lo que salia allá ¿no?

Así es imposible que te funcione, porqué has copiado lo que ve el navegador, pero no lo que se ha de poner en una plantilla.

Aparte de que eso no se hace, porqué la persona que usa esta plantilla ha trabajado mucho en ella añadiéndole un montón de cosas por su cuenta.

Si quieres un blog propio ponle una plantilla pensada para blogger, y personalízala tu mismo.

Añádele cuantos trucos encuentres, pero cúrratelo.

No vayas de espabilado por la vida.

Supongo que no volverá a pedirme ayuda nunca más.

EDITO: La dueña del blog ha dejado un comentario en esta entrada, así que aquí teneis el enlace a su blog por si os apetece verlo.

Por cierto, el remitente del mail me ha vuelto a escribir. Acepta la regañina y me pide ayuda para hacerlo él mismo. ¡Como debe ser!.

Hoy no se ven los seguidores

2009-10-20T13:19:00.003+02:00

Acabo de ver que en lugar de los seguidores se ve un cuadro de error; así que no empeceis a preguntar porqué no se ven o qué habeis hecho mal. No es culpa nuestra.

Alojamiento de archivos

2009-10-18T13:07:00.002+02:00

Esta es una entrada de prueba de alojamiento de archivos.

si funciona os explicaré donde lo he subido

Aviso a los que usais yahoo geocities

2009-10-17T12:36:00.003+02:00

Tengo los scripts de mis blogs alojados en Yahoo geocities desde que me di cuenta que skydrive les cambiaba la dirección y dejaban de funcionar.

Ayer entré en mi cuenta de yahoo para descargarme uno de esos archivos y enviárselo a un amigo y me salió este aviso que ves aquí.

Así que si tienes algo alojado allí y hace tiempo que no entras, tenlo en cuenta o un dia, de repente, tus archivos dejarán de funcionar.

Y si los alojaste allí, pero no los guardaste en tu ordenador, descárgatelos, o te quedarás sin ellos.

Por otro lado, como habrá que buscar un nuevo alojamiento para ellos, voy a ver si pruebo un sistema que explicó vagabundia hace algún tiempo.

Se trata de convertir estos archivos, que tienen una extensión .js en archivos de texto, con una extensión .txt y alojarlos en un servicio de google, (que no recuerdo cual era, pero ya lo averiguaré).

La primera parte de esto que acabo de decir ya la he puesto en práctica, aunque no se si mi sistema es el mejor, pero lo explicaré.

Se abre el archivo con el Bloc de notas, se copia entero y se pega en un documento de word, (o similar). Luego se guarda como archivo de texto.

Ahora a ver si me entero de cual es ese servicio de google y los subo allí.

Os mantendré informados.

¡Estoy hasta las narices!

2009-10-13T09:14:00.002+02:00

Por no decir algo más gordo, de recibir mails de supuestas consultas que lo único que buscan es una visita al blog.

Frases del estilo: ¿Podrías decirme como mejorar mi blog?, Tu blog es muy interesante, visita el mio, etc. acompañadas de alguna consulta que resulta no ser tal, lo único que provocan es que los marque como spam, con lo que si algún día necesitan realmente una respuesta no me llegará, ya que, como el spam se va eliminando solo a los pocos días de aparecer, no entro nunca a ver qué hay allí.

También marco como spam a los que me remiten mails con todo tipo de chorradas, esos FW que nunca abro, ya que en el 99'9 % de los casos son cosas que no me interesan en absoluto, o simples mentiras, así que de esos remitentes tampoco me va a llegar nunca una pregunta real, si en algún momento me la envían.

Todas estas cosas me provocan malestar, me colapsan las ideas y me quitan las ganas de hacer nada en los blogs, o de responder a los demás.

Así que, por vuestro propio interés, no me lleneis el correo de spam.

Acabo de tomar una decisión.

2009-10-10T21:33:00.002+02:00

Quizá os parezca que me tomo las cosas muy a la tremenda y a lo mejor tendreis razón, pero acabo de decidir que si alguien utiliza una de mis plantillas y se adjudica la autoría, cambiando mi nombre abajo por el suyo y luego tiene algún problema con la plantilla, como la "habrá creado el/ella" que se busque la vida.

Me acaba de suceder.
Recibo un mail pidiendo ayuda porqué la plantilla se ve rara.
Entro en el blog y me percato de aquello que me dicen. Miro el código fuente, por ver si hay alguna cosa que haga que se vea así y me percato de que es una de mis plantillas a la que le han cambiado las imágenes. Bajo hasta el final y veo otro nombre en la frase que suelo dejar, esa de "Plantilla creada por laeulalia basada en la .... de blogger" con el modelo base donde están aquí los puntos.

Y me ha salido del alma la respuesta: "Veo que es una de mis plantillas, pero como te has adjudicado la autoría, arréglala tu".

Poner una imagen de fondo en el título de los gadgets

2009-09-25T11:41:00.003+02:00

Si quieres hacerlo, has de entrar en Diseño/Edición de HTML y, ante todo, mirar en #sidebar-wrapper cuanto tiene de ancho, (width), vuestra columna, (para no poner una imagen demasiado grande de la que no se vea más que una pequeña parte), y luego buscar h2

Si ese h2 está detrás de sidebar, o sea que se ve así: sidebar h2 allí mismo podeis poner una línea para el fondo así:

background: url("la dirección de la imagen") no-repeat center;

Si ese h2 está en alguna zona donde ponga Headings, (o algo parecido), significa que las opciones que haya bajo h2 quizá afectarán tanto a los títulos de la sidebar como a los de las entradas.

En este caso teneis que buscar las definiciones de la sidebar, (a veces están bajo Sidebar Content, a veces no, pero siempre están juntas), que suelen ser sidebar ul, sidebar li, sidebar p, etc. y añadir esto:

.sidebar h2 {
background: url("dirección") no-repeat center;
}

En ambos casos haceis vista previa.

Si la imagen quedara mal, ya sea porqué sea del mismo color que los títulos, o porqué sea una línea y la quereis ver debajo del título, añadis, antes de la clave de cierre } esta línea:

height: XXpx;

siendo XX la altura de la imagen, más la de las letras.
Y en la línea del background añadis bottom para que quede así:

background: url("dirección") no-repeat center bottom;

De esta forma la imagen se colocará centrada y lo más abajo de la zona del título.

Cualquier duda que eso os haya creado, ya sabeis, mensaje/comentario/mail (lo que prefirais).

Me pregunta Euge en un comentario si se puede poner una imagen distinta en cada gadget.

Aquí está como hacerlo.

Si quieres poner una imagen distinta en cada gadget, primero has de saber la id del gadget.

La id se ve en la zona del HTML.

Debajo de <div id='sidebar-wrapper'> verás varios códigos que empiezan más o menos así:

<b:widget y en esa línea pone: (te pongo la del perfil como ejemplo) id='Profile1'

Eso que está entre las comillas simples es lo que has de recordar.

Subes al CSS y en lugar de lo que explico más arriba pones un código por cada gadget, de esta forma: (sigo con el perfil)

#Profile1 h2 {
background: url(dirección de la imagen) no-repeat center;
height: XXpx;
}

Poniendo la url de la imagen que vayas a poner entre los paréntesis y la altura de la imagen en lugar de las dos XX

Si vieras que el título necesita moverse de sitio añades padding-top: XXpx; antes de la llave de cierre y podrás moverlo hacia abajo o hacia arriba dependiendo de la cantidad de píxels que pongas ahí.

También me han preguntado si se puede suplir el título del gadget por una imagen.

Hasta donde yo se, no es posible.

Para que el título no se vea se ha de quitar del gadget. Al hacerlo, eliminamos todo lo que incluye esa zona, letras e imágenes.

Si hay algún sistema para que no se muestren las letras, pero si una imagen, lo desconozco.

Saludos y avisos

2009-09-09T09:53:00.003+02:00

Hola a todos:

Tengo pendientes algunas cosas, un par de plantillas que prometí modificar, continuar con el manual, y alguna cosita más, pero mi ordenador decidió que ya había trabajado bastante y hace un par de días hizo: Buuuuuuu y se murió, así que he tenido que cambiar la torre, o CPU, con lo que ello conlleva.

¿Recordais que hace poquisimo ya tuve que cambiar el disco duro por un virus? Pues, ¡hale! vuelta a empezar con todo el proceso.

Y menos mal que uso gmail, si no incluso los correos hubiese perdido.

He logrado recuperar parte de los archivos que tenía gracias al back-up que me hace el antivirus, así como los favoritos de Internet Explorer, pero por alguna extraña razón han desaparecido las carpetas donde guardaba las plantillas, tanto las de mis propios blogs, como las que creo.

Afortunadamente estas últimas están todas en un servidor y las otras ya me las iré descargando poco a poco, así como los contenidos de los blogs.

De manera que, si estais esperando una respuesta o una plantilla o algo así, por favor, tened un poquito de paciencia. Aún no he acabado de reponer todo lo que tenía en el otro pc.

Gracias.

Dichos de mi tierra

2009-08-26T12:39:00.004+02:00

En mi tierra tenemos un dicho: "D'on no n'hi ha no en raja" que vendría a decir más o menos que de donde no hay nada no puede manar nada.

Ya hice hace tiempo una entrada que titulé: De desagradecidos está el mundo lleno. Ésta tiene que ver con aquella.

Hace algunos días alguien me dejó un comentario en algún blog, preguntándome como podía quitar el enlace que dejo en mis plantillas, pues se había descargado una y no quería que sus amigos supieran que no era obra suya.

Le contesté que lo mínimo era dejar el enlace ya que la estaba usando, o algo parecido, aunque mi primera intención fue decirle que si no era capaz ni de ver donde estaba ese enlace para quitarlo sin decir nada, que no intentara presumir tanto delante de sus amigos, porqué luego pasa lo que pasa: Los amigos piensan que eres capaz de hacerlo y te preguntarán como, y ¿que les dirás entonces?. ¿Les darás el enlace a mi página para que se descarguen ellos una plantilla o la descargarás tu, la abrirás, la modificarás, para que no se vea que no es tuya y se la enviarás?

¡Si no eres capaz ni de quitar tu misma el enlace!

Lo había dejado correr, aunque no lo he olvidado.

Pero hoy he visto algo que me ha hecho hacer esta entrada.

Tenemos otro dicho en mi tierra: "De porc i de senyor, s'en ve de mena" que no se si necesita traducción, pero os la voy a dar: "Se nace cerdo o señor".

Este dicho me ha venido a la cabeza por un tema similar al anterior pero con agravantes.

Me llegó una consulta por correo hace algún tiempo.

El remitente quería hacer unos blogs acerca de un tema, con un blog principal que enlazara a los otros.

Le expliqué como hacerlo y me consultó varias cosas más a las que fui respondiendo.

Entre ellas, habia una referida al que iba a ser el blog principal.

Había elegido un modelo concreto de plantilla, entre las originales de blogger, y quería dejarlo como uno de los que he tuneado, pero no le acababa de salir.

Tras muchos mails de ida y vuelta, y en vista de que aún no tenía ni entradas ni gadgets en el blog, acabé por enviarle mi plantilla, diciéndole que, una de dos, o copiase lo que no le salía, comparando los dos blogs, o la pusiera directamente.

Hoy estaba revisando mails antiguos, eliminando los que ya están solucionados y se me ha ocurrido entrar a ver qué había hecho finalmente con su blog, la persona de la que os hablo, ya que no había recibido más noticias suyas.

Ha cargado mi plantilla directamente, pero le ha quitado el enlace a mi blog y ha puesto el suyo en su lugar, así la frase: Plantilla creada por laeulalia basada en la rounders4 de blogger, se ha convertido en Plantilla creada por .... basada en la rounders4 de blogger.

Solo espero que no se le ocurra preguntarme nada más. Si la plantilla es suya ¡que se apañe con ella!.

EDITO:

Acabo de recibir un correo de la persona que no menciono que usa la rounders.

Se ha disculpado y me ha explicado que todo por que quiso probar cosas en la plantilla, una de ellas si ese enlace era lo que pensaba, lo cambio, por ver como quedaba, hizo otros cambios menores y entre unas cosas y otras se despistó, olvidó que había modificado el enlace y al ir a cerrar el blog, le salio lo de ¿Guardar cambios? y le dio a aceptar.

Luego ha estado ausente unos dias, por eso se interrumpió el correo entre él y yo.

Así que aceptadas las disculpas y rectifico lo dicho.

¿Etiquetas o categorías?

2009-08-26T10:30:00.008+02:00

A raiz de una consulta que me ha llegado estos días, he dado con este blog en el que explican como hacer una lista de categorías.

¡Pos fale! Pero entonces ¿para que sirven las etiquetas?

Voy a explicarlo con un ejemplo, pero ese ejemplo va a ser doble. Primero haremos lo que explican en ese blog y después otra cosa distinta, pues quizá se entienda mejor a qué me voy a referir.

Primer ejemplo: Categorías.
Imagina que tienes un blog de cocina, en el que vas explicando platos a medida que se te ocurren.

Como todos sabemos, los platos de un menú se dividen básicamente en Primeros, Segundos y Postres, así que decides dividir tus entradas en estas 3 categorías.

Si quisieras aplicar el truco que explican allí, tendrías que hacer una entrada titulada Primeros, otra titulada Segundos y otra titulada Postres y poner en cada una de estas entradas un listado de los platos que has explicado.

Vamos a preparar la primera de esas listas, Primeros.

Abres la lista de tus entradas (Editar entradas) en una ventana y el editor de textos, (Nueva entrada) en otra. A esa entrada nueva la titulas Primeros platos.

En el editor (Nueva entrada) tendrías que ir escribiendo el título de cada entrada dedicada a los primeros y enlazando ese título con el de la entrada en la que explicas como hacer el plato. La dirección la obtienes pinchando en Visualizar, junto al título de la entrada, en Editar entradas, con el botón derecho del ratón y en Copiar acceso directo o Copiar la ruta del enlace (depende del navegador) y luego pegar eso que se ha copiado en la casilla del vínculo.

Así pones, por ejemplo: Sopa de nabos. y enlazas en este título la entrada que has hecho explicando como hacer una sopa de nabos.

El dueño del blog en cuestión ha añadido a cada título una imagen, (lo explica en la entrada que he enlazado al principio), y ha colocado el enlace en esa imagen. Para que todas las imágenes se vean de la misma medida ha añadido un height igual en todos los códigos, de esta forma todas se ven igual. Puedes verlo aquí.

También podrías añadir la primera frase de la explicación de como hacer la sopa y leer mas... al final. Y poner el enlace a la entrada dedicada a la sopa de nabos en ese leer más.

Una vez colocadas todas las entradas correspondientes a los primeros platos en esa entrada catálogo, publicar la entrada con fecha atrasada, para que se vaya al final del blog.

Cuando ya tuvieras las 3 entradas terminadas, (Primeros, Segundos y Postres), deberías añadir un gadget Lista de Enlaces y añadir el enlace a cada una de esas nuevas entradas/listas, (3 en este caso), para que quien desee ver solo los postres vea todas las entradas que has publicado de postres y pueda pinchar en la que le interese, en esta lista/entrada que se le abrirá, para ver como hacer el plato en cuestión.

Eso si, cada vez que añadas una entrada a tu blog, tendrás que ir a la lista/entrada, en la que tenga que estar incluida y añadir el enlace correspondiente.

Claro está que, siguiendo con el ejemplo del blog de cocina, la división no es tan simple, ya que cada una de esas 3 categorías se subdivide en varias más.

Así, en primeros tenemos ensaladas, patatas, arroces, sopas y un largo etc. ¿verdad?.

En este caso ¿que hacemos? ¿Una categoría para cada tema?.
Lo malo es que patatas también pueden ser un segundo plato. ¡Vaya lio!.

Segundo ejemplo: Etiquetas.

Haces una entrada en la que explicas como hacer una sopa de nabos y le añades las etiquetas, Primeros, vegetales, nabos. Publicas la entrada.

En la columna lateral has colocado un gadget Etiquetas. Si ese era el primer plato en el que usabas la etiqueta nabos, esta palabra aparecerá automáticamente en su lugar correspondiente, (se ordenan alfabéticamente) con un 1 a su lado, demostrando que solo hay una entrada dedicada a ese vegetal.

Si tenías un 20 junto a Primeros, se convertirá en un 21, demostrando que se ha añadido una entrada más a esa etiqueta.

En el primer caso, a menos que además de hacer la lista la ordenes alfabéticamente, quien entre en busca de una receta de nabos tendrá que recorrer toda la lista hasta encontrar la receta que le interese, sin saber si la has publicado o no.

En el segundo caso, quien entre buscando esa receta concreta, solo mirando la lista de etiquetas sabrá si la has publicado o no.

Para aplicar el primer sistema, las categorías, has de recordar siempre modificar la entrada en la que haya de estar incluida la nueva receta.

Para aplicar el segundo sistema, las etiquetas, solo has de recordar añadir la/las etiquetas correspondientes.

Incluso, con este sistema de etiquetas, podrías añadir un gadget Lista de enlaces en la columna lateral de tu blog y poner en él el enlace a las 3 etiquetas principales: Primeros, Segundos y Postres, copiando la url de la etiqueta correspondiente. Para eso has de pinchar en la palabra Primeros de la lista de etiquetas, con el botón derecho del ratón y en Copiar acceso directo o Copiar la ruta del enlace, y pegar lo copiado en la casilla URL del editor del gadget. En la casilla Nombre escribes Primeros, o Segundos, o Postres. Le dices que no lo ordene por orden alfábetico, los ordenas tu con las flechitas y Guardas. (Aquí puedes ver como hacerlo, si te han quedado dudas.)

Y si quieres que al pinchar en una etiqueta no se abran las entradas enteras, solo has de añadir al código del blog el truco del [+ -] para que las entradas se muestren encogidas al pinchar en etiquetas.

Con la ventaja que, al igual que la lista de Etiquetas, se actualizará de forma automática sin que tengas que hacer nada más.

Así que ¿que es más práctico? ¿Categorías o Etiquetas?

Como aprovechar el truco de partir la cabecera

2009-08-21T20:14:00.009+02:00

Como dije en la entrada anterior he estado haciendo pruebas en el blog al que le he partido la cabecera. De momento os dejo aquí las capturas de pantalla de lo que he hecho. Si quieres verlas a tamaño natural pínchalas. se abrirán en otra ventana. No podrás apreciar el brillo de los gifts, pero el blog sigue estando aquí, por si quieres verlo.

Esta primera corresponde a lo que he explicado en la entrada anterior. La añado porqué si pinchas ahora en el enlace que dejé hace dos entradas, ya no lo verás.

Si quieres ver más posibilidades sigue leyendo y además de verlas, también verás...

---

En esta segunda he modificado el código del header en el HTML. He quitado lo de maxwidgets='1' y he cambiado lo de showaddelement='no' por preferred='yes' para que se viera lo de Añadir un gadget encima del elemento. He añadido el gadget de búsqueda, sin título.

Un detalle a tener en cuenta: Al añadir un gadget a esta cabecera no se ve el gadget. Se ve otro recuadro punteado que pone Añadir un gadget. Le he dado a Ver blog y he vuelto a Diseño/Elementos de la página y ya he visto el gadget normal. Lo he colocado bajo el elemento del título y he guardado.

---

En la tercera he quitado el elemento de búsqueda y he borrado cambios, para que retomara el aspecto anterior.

Luego he añadido en la línea de background de #header-wrapper, tras el color y antes del punto y coma, eso de url("direccion").

---

Y en esta última he añadido lo de preferred='yes' al HTML de header-left.

Luego he quitado el background de #header-left { he cambiado de sitio el gadget del perfil, modificando algunos datos para que no quedara pegado a la esquina superior izquierda de la cabecera y he añadido un gadget HTML/Javascript al que le he colocado el código de enlace al correo con esa imagen que ves.

---

Modificaciones de esos dos gadgets:

En .profile-img { margin-top:20px; margin-$startSide:20px; }
En .profile-datablock { margin-top:20px; padding-top:20px; }

(No recuerdo que ponia antes, pero eso es lo que hay ahora para que se vean bien las letras con los dos navegadores).

Luego he añadido esto, al final de los códigos de la cabecera:

#HTML2 {
padding-top:30px;
}

Para que el dibujo que sirve de enlace al mail se separara del perfil.

(Eso de HTML2 es la id de mi widget, no será el del tuyo. Tendrás que mirar cual es la id del que hayas añadido tu, si lo haces, y poner la correcta o lo que variará será cualquier otra cosa que tengas en la sidebar).

Como poner una imagen a cada lado del titulo del blog

2009-08-21T12:00:00.007+02:00

Cero cool me planteó este reto en una consulta en el cbox.
Quiere poner un gift en uno de los lados y una imagen jpg en el otro.
En principio le dije que tendría que partir la cabecera en 2 partes, pensando en poner una imagen en una de ellas, el gift, como background y la otra a través de Editar del elemento de la cabecera. (Ya sabeis que poner un gift en la cabecera mediante el sistema de editar, suele dar muchos problemas a la hora de eliminarlo).

Pero cuando empecé a hacer pruebas en un blog, en el que había cargado una de mis plantillas que ya tenía una imagen a la derecha, colocada en el background, me encontré con muchas dificultades para alinear la segunda imagen, ya que a través de editar la imagen se coloca detrás del título y no era eso lo que Cero cool me pedía.

Intenté ponerla como background de la partición, pero no acababa de quedarme bien, así que se me ocurrió partir la cabecera en 3 partes, dejando el elemento del título en la parte central.

Hice las modificaciones al código y, como pudisteis ver ayer, los que pinchasteis en el enlace que dejé en la otra entrada, el sistema funcionó.

Lo primero que deberías hacer es entender un poco como es el código de la cabecera, de esta forma tendrás más claro el porqué de los cambios que voy a explicar, y te ayudará a aplicar tus propias variantes a esos cambios.
En esta entrada del manual, he hecho un repaso a estos códigos. Échale un vistazo.

En cuanto a las modificaciones que vas a ver a continuación, recuerda que están hechas en una plantilla minima, con lo que es posible que algunas cosas, sobre todo del CSS, sean distintas en tu plantilla. Pero si te fijas en el significado de lo que voy a explicar, no creo que te resulte difícil aplicarlos en cualquier otra plantilla que tenga una cabecera normal, del estilo de la mínima.

En plantillas como la dots, que no dispone de cabecera, propiamente dicho, o en plantillas que ya tienen dibujos en la cabecera, primero hay que modificarla, creando la cabecera, en la dots, o eliminando todas las imágenes que contenga, en otros modelos, para que quede un espacio limpio de polvo y paja, antes de empezar a aplicar lo que voy a contar a continuación.

El primer paso que di fue crear los dos espacios exteriores en el contenedor de la cabecera (header-wrapper).

Así que bajé al HTML y dejé el código original que es éste:

así

Con esto habia creado los dos espacios.

Ahora voy a explicarte el porqué de estos códigos.

El código original dice que hay un contenedor, (header-wrapper), que contiene una sección, (header), que a su vez contiene un widget, Header1.

Con la modificación le digo: que el contenedor general, header-wrapper, contiene 3 zonas, cada una especificada con un div para poder modificarla a gusto.
Cada una de estas zonas pertenecerá a la misma sección, header, pero cada una de ellas tendrá una id propia.
Así, a la zona de la izquierda la he llamado header-left, he dejado la original, header, en el centro y he llamado header-right a la de la derecha.

Como a las secciones laterales les iba a poner la imagen como background, no contienen ningún widget, ni hay posibilidad de añadirlos, aunque esto podría modificarlo y poner las imágenes desde un gadget imagen o desde un gadget HTML/Javascript, pero no lo recomiendo.
Básicamente porqué en el CSS vamos a darle unas medidas fijas a estas 3 zonas, a fin de que tengan la misma altura y la cabecera se vea proporcionada y si pones en alguno de los dos una imagen mayor es posible que no se vea entera.

NOTA: Si vas a hacer algo así, procura que las dos imágenes tengan unas medidas parecidas.

Sigamos.
Hecha esta modificación en el HTML, subí a la zona del CSS para darle a las dos zonas nuevas sus propiedades.
Así que añadí los códigos para que se vieran, y se vieran bien.

Déjame hacer un inciso: Si tu blog tiene las medidas originales, coincidirán con el código original, si lo has ensanchado has de aplicar tus cálculos para que funcione bien y los 3 espacios salgan alineados dentro del contenedor. En el blog en el que hice la prueba, estas medidas son superiores a las originales, ya que lo ensanché para poner la segunda sidebar, pero en las explicaciones me basaré en las medidas y códigos originales.
Vamos a ver el código original cachito a cachito y te iré explicando qué le he modificado y te iré diciendo qué cahitos le he añadido, tal como se ven en mi blog.

El CSS del header empieza con esto:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Este borde, junto a otro que hay en header, forma el doble borde de una minima original.
Si quieres que siga teniendo ese doble borde, has de poner double en lugar de solid y al menos 5px en lugar de 1px, ya que vamos a eliminar el borde de header, de lo contrario se descontrola todo.
A esta zona le añadiremos la línea de la altura, antes del signo } de cierre.
height:XXXpx; siendo XXX la altura que tenga tu imagen. Puedes añadirle algunos píxels para que no quede pegada al borde, eso queda a tu elección.

Lo siguiente que encontramos es header-inner

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

Este trocito lo eliminamos y lo sustituimos por éste:

#header-left {
background: url("aqui la dirección de la imagen de la izquierda") no-repeat;
background-position: $startSide;
float:left;
width: XXXpx; (la medida de ancho de tu imagen)
height: XXXpx; (el mismo alto que en header-wrapper)
margin:0 auto 10px;
}

¡Cuidado! Si tu cabecera tiene las medidas originales, tiene solo 660 píxels de ancha, así que, teniendo en cuenta que has de repartirlos en 3 partes, ya que la suma del ancho de las 3 zonas no puede sobrepasar la del ancho de header-wrapper, la imagen no debería ser más ancha que un tercio de esos 660 píxels, pero has de tener en cuenta el título de tu blog. Si es muy largo, al dejarle un espacio de la medida de la sidebar, se verá en varias líneas. Si vas a dejar las medidas originales, te recomendaría que abusaras de la vista previa, y fueses modificando los anchos basándote en tu título. Enseguidas verás como.

Los siguientes cachitos corresponden a la zona del título. En header tenemos ésto:

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

Aquí añadiremos estas 3 líneas, antes del signo } de cierre:
float:left; (para que se alinee)
width: XXXpx; (el ancho que necesites para el título)
height: XXXpx; (la altura de header-wrapper)

y eliminaremos la linea del borde.

#header h1, #header a, #header a:hover y #header description, en principio lo dejaremos igual ya que son los códigos que indican como se van a ver las letras del título.
Podemos quitar las líneas de text-transform para que las letras no salgan todas en mayúscula, o modificar los paddings para separar el título de la parte de arriba del elemento y/o la descripción del título. En ambos casos se modifica la primera cifra que hay en la línea del padding, que es la que corresponde a la separación superior.

Y a continuación añadimos el trocito de código que controlará la zona de la derecha:

#header-right {
background: url("aquí la dirección de la imagen de la derecha") no-repeat;
background-position: $endSide;
float:right;
width:XXXpx; (el ancho de la imagen)
height: XXXpx; (la altura de header-wrapper)
}

Una vez hecho esto, habiendo colocado las medidas, pero antes de poner las direcciones de las imágenes, te recomendaría que hicieses vista previa.

Si todo ha ido bien, verás el título en el centro, (ya lo estaba seguramente), pero te darás cuenta de como se ve ahora.

Si ya se viera bien, ya podrias añadir las direcciones entre los paréntesis, entre las comillas.

Si vieras que necesitas más espacio para el título, pero al quitárselo a las zonas exteriores las imágenes no cabrán, aumenta el width de header wrapper, pero también deberás ensanchar el blog, ya que esta medida, 660px es la que tiene la zona útil del blog y no quedaría muy bien que la cabecera fuese más ancha.

Además has de tener en cuenta el modelo de plantilla, ya que en algunas la cabecera está integrada en el ancho general del blog, y no se puede ensanchar solo la cabecera.

Ya sabeis que he ensanchado varias plantillas. En el directorio podeis ver los enlaces a los blogs donde lo explico, cada uno con su propia plantilla, en una lista de la columna central.

Con este sistema de cabecera partida, también puedes añadir a la zona del título, #header { un fondo distinto al resto de la cabecera, simplemente añadiendo la línea background: seguida de un color, ya sea en variable o en código hexagesimal, y/o una imagen.

Todo es cuestión de imaginación.

Como la muestra está en un blog de pruebas y es muy posible que algún dia cambie la plantilla, haré capturas de pantalla para que veais como ha quedado. De paso probaré algunas variantes a este código y también lo capturaré y lo explicaré en otras entradas.

Una cabecera muy especial

2009-08-20T19:08:00.004+02:00

¡Soy la mejor!

(No me beso, por qué no me llego).

Quizá te preguntes a que viene esta euforia.

Pincha aquí.

¿A que mola?

Mañana os contaré como lo he logrado.

(Hoy es muy tarde y hace mucho calor)

La sana costumbre de usar dos navegadores cuando modificas tu plantilla

2009-08-20T17:32:00.005+02:00

Esta es una captura de un blog con una plantilla mínima.

¿Ves algo raro en esta imagen?

Supongo que si.

Esto de la derecha es la sidebar y se ve debajo del enlace de navegación.

He entrado en este blog porqué su dueña me ha enviado una consulta. Pero no se trataba de ésto, sinó que el motivo de su consulta era otro.

Ella ésto lo veia bien.

Si yo no se lo hubiera advertido, a lo mejor hubiese tardado en enterarse de que en su blog una de las columnas laterales estaba ahí abajo.

El caso es que abro el correo con Firefox y, por ende, cuando pincho en un enlace es con ese navegador con el que veo los blogs.

Imagino que ella no usa Firefox.

¿Que significa ésto? ¿Que Firefox es mejor que Explorer?

No necesariamente.

Siempre he dicho que en muchos casos prefiero Explorer a Firefox.

Pero se han de tener los dos y mirar el blog con los dos, cuando se hace una modificación en la plantilla, tanto si usas uno como el otro de forma habitual, pues no siempre los dos interpretan las cosas de la misma forma.

Quizá en este caso el problema es de márgenes.

La minima utiliza mucho el término padding para definir las separaciones entre columnas y para Firefox este termino sirve solo para definir la separación del contenido al continente.

Para las separaciones entre columnas se usa el término margin.

¿Que hacer en estos casos?

Si no tienes claro qué hacer con los margin y padding que hay en la plantilla, limítate a hacer más pequeña alguna de las 3 columnas, preferiblemente el main-wrapper, que es la zona de las entradas.

O aumenta un poco más el ancho del blog.

A veces son solo 5 o 10 pixels lo que marca la diferencia.

Y sobre todo, mira el blog con los dos navegadores. Te ahorrarás sorpresas.