Tuneando el blog

Dropbox (El mejor servidor que he encontrado).

2012-01-19T13:27:00.005+01:00

He recibido un mail en el que se me preguntaba porqué cierto truco había dejado de funcionar.

He revisado la entrada en la que lo explicaba y me he dado cuenta de que había un enlace a un archivo de otra página que hace mucho tiempo dejó de funcionar.

Pero el truco sigue funcionando en este blog, así que he revisado el HTML y visto que en algún momento me había descargado ese archivo, lo había subido a mi servidor y había cambiado la url en mi plantilla.

Hoy he editado la entrada, quitando, del código que os digo que teneis que añadir a vuestra plantilla, la url de aquel archivo y dejando un enlace a mi propio archivo para que os lo podais descargar.

Pero eso implica que necesitais un servidor que acepte archivos con la extensión .js (los scripts casi siempre la llevan) y que no os modifique la url a su antojo como hace skydrive, así que os recomiendo Dropbox.

Hace tiempo que os hablé de este sitio y, si mal no recuerdo, os dije que os contaría un poco como funciona, ya que, aunque es muy intuitivo, quizá a alguien le pueda parecer lioso.

El sistema es muy pero que muy sencillo.

Entras en Dropbox y creas una cuenta. Se descargará un programa a tu pc aceptas, ejecutas y dejas que se instale. Acepta todo lo que te digan y cuando acabe se abrirá la carpeta My Dropbox para que la veas. También se añadirá un icono en la barra de inicio y otro de acceso directo al escritorio de tu pc.

A partir de ese momento dispones de 2 Gb de almacenamiento gratuito.

También podrás acceder a tus archivos desde cualquier pc, ya que con el nombre de usuario y la contraseña podrás acceder a ellos.

Incluso hay una aplicación especial para móviles modernos.

Y lo que es mejor, podrás gestionar tu servidor desde tu escritorio, sin necesidad de andar entrando a cada momento, ya que ese icono es una carpeta de archivos, tan sencilla de usar como las demás carpetas de tus documentos.

Además, siempre que quieras guardar un archivo en el servidor, por ejemplo los que debas descargarte para aplicar algunos trucos, tan solo tendrás que abrir la carpeta donde se haya guardado, seleccionar el archivo, NO ABRIRLO, y Copiar en o Mover a la carpeta de tu Dropbox.

Como digo, cuando abras tu cuenta y se instale en tu pc, se abrirá una ventana llamada My Dropbox. Verás que contiene ya dos carpetas, una llamada Fotos y otra que se llama Public. Si vas a usar el archivo en tu blog, copiálo o muévelo a esa carpeta.

Una vez copiado o movido, abre la carpeta Public y dale unos segundos para que suba hasta que veas aparecer una redondita verde con una flechita que indicará que ya ha subido y ya podrás copiar la url en el código.

Para eso, pinchas el archivo con el botón derecho de tu ratón y del menú que se despliega, pinchas, con el izquierdo en Copy public link.

Se copia automáticamente.

Luego vas a tu blog, y donde corresponda pegas la url copiada.

Por otro lado, puedes aprovechar el servidor para guardar tus fotos o documentos importantes, (recuerda que tienes 2Gb), de esta forma no los perderás si le da un yuyu a tu ordenador.

IMPORTANTISIMO!!!! No modifiques el título de la carpeta Public y no cambies de sitio el archivo una vez pegada la url en tu blog, ni lo elimines, o no funcionará.

Si lo cambias de sitio cambiará la url, con lo que la anterior no servirá de nada y si lo eliminas el sistema no podrá acceder al script, con lo que no funcionará el truco.

Espero haberme explicado bien, pero si te ha quedado alguna duda o pregunta, ya sabes, un comentario o un mail y te responderé.

Comentarios anidados

2012-01-13T12:48:00.004+01:00

Como podeis ver en esta imagen, acabo de ver en uno de mis blogs que pinchando en ese Responder podia contestar directamente a un comentario, en el mismo que me habían dejado.

A eso se le llama Comentarios anidados.

Esto me ha sorprendido mucho, ya que no he tocado la configuración de los blogs desde tiempos inmemoriales, así que me he ido a ver a mi amigo JMiur (vagabundia) y he visto que él ya comenta acerca de este tema, básicamente sobre los códigos que podemos encontrar en la plantilla y que crean este efecto.

Al parecer esto lo está implantando blogger en todas las plantillas, sin tener en cuenta ni si es antigua o moderna, ni si hemos modificado el código para hacer algo distinto, lo que puede provocar que la novedad no funcione, que nuestras modificaciones no funcionen o simplemente que los propios comentarios no funcionen.

En éste blog no aparece todavía esta novedad, pero no se si es por que aquí los comentarios se abren en una ventana nueva, (en el que si está se comenta debajo), o si es por que todavía no le ha llegado la actualización.

Tampoco he revisado todos mis blogs por ver si éso está en alguno más o no. Conforme vaya recibiendo comentarios en los otros y deba entrar a responder, ya averiguaré si está en ellos o no.

De todas formas, el motivo de esta entrada no es solo avisaros de que es posible que os encontreis con ésto, sinó advertiros de que si los comentarios en vuestro blog de repente dejan de funcionar, quizá sea debido a ésto.

Si tal cosa sucede y no habeis modificado nada en el código de los comentarios, tened paciencia. Ya sabeis que en blogger son normales este tipo de fallos y acaban arreglándose solos.

Pero si habiais modificado algo para personalizar los comentarios, quizá el fallo sea debido a que algo en dicha modificación ha dejado de funcionar.

En este caso os recomendaría que tratarais de recordar qué habiais modificado, por ver si se puede arreglar de alguna forma el desaguisado.

Cuando averigüe más acerca de este tema, ya os iré explicando qué podemos hacer para solucionar algunos problemas que a buen seguro surgirán de este invento.

Si os dicen que vuestro blog está en venta

2011-09-07T19:23:00.003+02:00

Me acaba de pasar.
Recibo un mail que me dice que no pueden leer uno de mis blogs porqué al parecer está en venta.

Alucino, ya que ninguno de mis blogs está en venta y voy rauda a ver qué diablos pasa.
Trato de entrar en mi propio blog y no hay forma, así que me voy a ayuda de blogger y afortunadamente he encontrado la solución: Un gadget que está dando por saco.

Resulta que en algún momento añadí a mi blog un gadget de ayuda, no recuerdo si era un buscador, o que demonios era, pero era algo así, ya que el título del gadget era ¿Puedo ayudarte? y en el código de ese gadget está la palabra clave que es lo que hace que nos fastidien: blogbar

He eliminado el gadget en cuestión y listo, mi blog vuelve a verse sin problema.

Así que, si tienes el mismo problema, la solución es bastante simple. Mira bien todos los gadgets que tengas añadidos a tu blog, (afortunadamente podemos acceder a Diseño sin que esa página nos lo impida) y revisa bien los códigos que haya en esos gadgets.

Si en alguno de ellos figura esta palabra, elimina el gadget sin pensártelo ni medio segundo y recuperarás tu blog.

Edito: Al parecer, lo que ponen en venta no es tu blog, sinó el domino blogbar.com, que dejó de existir.
Por alguna extraña razón, en lugar de dejar de funcionar, como sería de esperar, el gadget te redirige a la página que es lo que está en venta, lo que da pie al malentendido.
Como me ha señalado Vagabundia, los blogs de blogger ni siquiera son realmente nuestros, son de google, más concretamente de blogspot.com que es el dominio y, por supuesto, google no va a venderlo.

Una promesa y una petición.

2011-06-19T02:26:00.003+02:00

La promesa:

Hace unos días aprendí a poner el botón Me gusta, de facebook, en las entradas. Traté de explicaros como se hacía pero vi que el código que yo publicaba no funcionaba bien, mientras que el que había puesto en la plantilla de este blog si lo hacía. Desesperada le pedí ayuda a quien sabe más que yo y me ha enviado la forma de ponerlo para que se pueda copiar y funcione.

Mañana lo haré, lo comprobaré y si todo sale como es debido, publicaré la entrada.

La petición:

Una buena amiga necesita nuestra ayuda. Quiere ir a ver un concierto y Vodafone le da la oportunidad de hacerlo gratis, (y con los tiempos que corren, ya sabeis), así que se ha apuntado al concurso. Pero necesita la ayuda de la mayor cantidad de personas posible.

Tema solucionado. Mi amiga consiguió las entradas, Gracias a todos los que la ayudasteis.

Gracias de antemano por vuestra colaboración. Mañana os explico lo del botón.

Poner el botón Me gusta en las entradas

2011-06-12T11:39:00.004+02:00

Hace unos días, un colega blogueril me envió un truco para comentar a través de facebook directamente en el blog.

El problema de su truco es que los comentarios hechos de esta forma no los cuenta blogger, con lo que su entrada, como podrás comprobar si pinchas en el enlace, luce (o lucía cuando yo fui a verla) un 0 comentarios, que personalmente no me convence, aparte de que yo recibo los comentarios que dejais via e-mail y no tengo muy claro que ese tipo de comentarios también me lleguen, así que no lo he colocado en este blog.

En realidad aún no lo he probado siquiera, así que no puedo deciros si sus instrucciones son válidas tal cual él las ha explicado, o si hay que hacerles alguna modificación para que funcione correctamente en cualquier blog.

En cuanto lo pruebe personalmente ya haré una entrada para explicarlo y matizarlo.

Pero esta entrada mía no va de éso, sinó de poner el botón Me gusta de facebook en tus entradas, (como puedes ver en ésta o en cualquiera de las de éste blog), y esto es lo que os voy a explicar.

El caso es que, como habreis visto si habeis pinchado en el enlace, el colega del que os hablo, en su entrada, nos redirige a ésta de Ciudad blogger en la que está el tutorial de poner el botón Me gusta, y ésto si me ha gustado, así que he copiado su código y seguido sus instrucciones, pero no acababa de gustarme como quedaba.

Como podeis ver, si pinchais en el enlace de Ciudad blogger, él tiene el botoncito a la derecha de su post-footer, pero a mi me quedaba a la izquierda encima de todo lo que hay en el mío, así que he probado a ponerlo en varios sitios, (por suerte disponemos de la vista previa y del Borrar cambios cuando algo no queda bien), hasta que harta de que quedara en lugares inconvenientes, o no se viera, se me ha ocurrido mirar cómo lo tiene él colocado exactamente, mirando su código fuente.

Y ahí he visto el quid de la cuestión.

El Potro tiene una tabla en su post footer, por eso a él le queda bien alineadito a la derecha de todo, en la primera línea de su post-footer.

Yo no he querido poner la tabla, así que lo he dejado donde lo veis.

Tal como explica El Potro en su entrada, has de ir a Diseño/Edición de HTML (o cualquier otro camino que te lleve a ésa página, pues ya no se si pone Diseño, o Plantilla o qué, ya que yo tengo accesos directos a las distintas páginas de éste blog, como expliqué aquí).

Una vez en la página del código HTML de la plantilla, MARCA expandir plantilla de artilugios y busca, (Ctrl F para ir más rápido), <div class='post-footer-line post-footer-line-3> o lo más parecido a ésto que encuentres, (en la plantilla Harbor, que es la de este blog, pone p en lugar de div pero para el caso es lo mismo), y debajo pega ésto:

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=80&height=25&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px'/>

Verás el botoncito tal como se ve aquí (y de paso podrás comprobar que también funciona en las plantillas nuevas).

Si detrás de lo que os digo de post-footer-line-3 hubiera algo, verías que suele empezar con <span..... Busca, unas pocas líneas más abajo, el </span> que cierra lo que haya y pégalo ahí. (Para que lo veas más claro he hecho una captura de pantalla del trocito de código donde lo he pegado en el blog de la plantilla nueva).

Verás, enmarcado en rojo, el código de lo que hay en la tercera línea del post footer y en verde el código que he añadido para que se vea el botón.

Si quisieras que el botón quedara a la derecha, tal como lo ves aquí, has de poner ANTES del código del botón, <div align='right'> y DESPUES del código del botón, </div>

De esta forma el botoncito se colocará a la derecha del todo.

P.S. Hice esta entrada en el mismo momento en que coloqué el botón aquí y vi que quedaba bien.

Pero ya sabeis que me gusta comprobar que realmente funciona lo que escribo, así que, antes de publicarla, le di a Vista previa de la entrada y traté de colocarlo en otro blog usando el código que os daba, no el de Ciudad Blogger, y ¡mierda! no había forma de que funcionara. Sin embargo si copiaba el código directamente de la plantilla y lo pegaba en otro blog, si que funcionaba.

Comparé ambos códigos y me di cuenta de que al transcribirlo en la entrada, había un símbolo erróneo, de manera que lo dejé correr.

Le escribí a Potro para que me dijera porqué me estaba pasando éso y él. muy amablemente, me respondió dándome la solución.

Y por fin he podido terminar esta entrada, probarlo en otro blog, ver que funciona, y compartirlo con vosotros.

NOTA: El botón funciona. Pero si lo pinchas tu mismo en tu propio blog, es muy posible que no te cuente y pienses que no funciona.

Nota 2: Si vas a ponerlo a la derecha, aumenta hasta 120 el número 80, o quizá no se vea la cantidad de Me gusta que tengas.

Mis trucos y las nuevas plantillas.

2011-04-30T17:07:00.003+02:00

Todas las cosas que explico en este y en mis otros blogs, están hechas, probadas y explicadas, basándome en las plantillas antiguas de blogger.

No las he probado en ninguna de las nuevas ya que no las uso.

No las uso porqué no me gustan.

Y no me gustan porqué no me aclaro con sus códigos.

Si tu usas una plantilla de las nuevas, de las que se pueden escoger desde Diseño de plantillas y quieres usar alguna de las cosas que explico aquí y que impliquen modificar el código de la plantilla, no me preguntes donde encontrar lo que yo haya dicho que has de encontrar, porqué lo ignoro.

Si crees haberlo encontrado y colocas el código pero no te funciona, no me preguntes porqué, ya que no tengo ni puñetera idea.

No soy informática. Ni experta ni amateur. Soy solo una persona que un buen día abrió un blog, quiso modificarlo a su gusto, buscó y aprendió como hacerlo hasta conseguirlo y luego trató de explicar a los demás como se hacía.

Pero ni es mi vocación ni mi oficio investigar todos los códigos y trucos que hay en la red, así que si algo no está aquí, es porqué no me ha interesado probarlo.

Y no explico lo que no he probado y puedo garantizar que funciona en las plantillas antiguas.

Digo todo ésto, porqué últimamente he recibido varios mails que me pedían como colocar algo de lo que he explicado en las plantillas nuevas y tras probar yo misma como modificar los códigos de dichas plantillas, no he logrado hacerlo.

Y aunque se que pese a esta entrada, seguiré recibiendo ese tipo de mails, espero que algunas de las personas que tengan las nuevas plantillas, lean ésto antes de preguntarme y desistan de hacerlo.

Una lista divertida

2011-03-05T13:46:00.006+01:00

Hace unos días, alguien me preguntó como hacer algo que había visto en un blog.

En dicho blog, había, en la columna lateral, unas cruces +++ que al pincharlas abrian una lista de blogs que la dueña del blog visitaba y/o recomendaba.

Lo bueno de esto es que no había ninguna explicación del significado de las cruces y solo lo descubrías al pincharlas.

Fui a ver el blog en cuestión y vi de que se trataba.

Las cruces debían estar colocadas en un gadget Lista de enlaces y llevaban a una entrada del blog, donde habían dejado la lista de blogs.

La forma de hacerlo es muy, pero que muy, sencilla.

¿Quieres saber como?

En realidad hay varias formas de hacerlo, aunque básicamente es ésta:

Haces una entrada en la que vas incluyendo todos los enlaces, publicas esta entrada con fecha anterior a la última que aparezca en tu blog, (o sea, la más antigua), añades un gadget Lista de enlaces, en URL pones la dirección de la entrada que acabas de hacer y en Nombre las cruces, o cualquier otro signo. (Por ejemplo interrogantes, ??? lo que aún llamaría más la atención), no le pones título al gadget y guardas.

Pero digo que hay varias formas de hacerlo y con ello me refiero a la forma en que quieras presentar estos enlaces.

Algunos ejemplos.

1.- Un blog de tutoriales.

2.- Un blog de tutoriales: http://laeulalia-blogdeprobes.blogspot.com

3.- Un blog de tutoriales.

4.-

(Para ver el efecto de éste pon el ratón encima)

O todo aquello que tu imaginación y/o conocimientos te permita.

Reflexiones

2011-02-18T12:15:00.002+01:00

Hace unos días, recibí un mail en el que alguien me preguntaba como se hacía un truco que había visto en el blog de Rosa.

Como ya sabeis, no pruebo todo lo que se publica y ese era uno de esos trucos que no había puesto en práctica, así que le dije que si lo había visto en el blog de Rosa, ¿porqué no le preguntaba a ella?

Mi comunicante me respondió que ya lo había hecho, pero que Rosa era una antipática y no le había contestado.

Lamentablemente, en aquellos momentos, ignoraba que Rosa estuviera enferma y que quizá por este motivo no le había contestado.

Me limité a decirle que me extrañaba esto en Rosa, ya que siempre contestaba.

No recuerdo si, finalmente, le encontré o no la respuesta, pero esto no viene al caso.

Lo sucedido ayer me ha hecho pensar de nuevo en algo que lleva rondándome por la cabeza desde hace algún tiempo: ¿Que será de mis blogs y todo lo que he puesto en marcha en internet si algo me pasa?

¿Le pido a una de mis hijas que haga una entrada póstuma avisándoos del tema?

Porqué una tiene ya una edad, (y aunque no la tuviera, nadie está exento de accidentes, ya sean laborales, domésticos o de circulación), y este tema acude a menudo a la mente.

Y la tragedia de ayer me ha hecho reflexionar de nuevo.

Adios a una amiga

2011-02-18T00:34:00.003+01:00

Estoy que si me pinchan no me sacan sangre.

Vesta me ha enviado un mensaje, en Facebook, preguntándome si era cierto lo que había leido en el blog de Pizcos; que Rosa, la autora de El escaparate, había fallecido.

De entrada ya me hubiese extrañado que Pizcos publicara algo semejante sin contrastarlo, así que he ido a su blog a verlo.

He seguido todos los enlaces y llegado a la conclusión de que no se trata de una broma de muy mal gusto.

Rosa, Rosa Torre, nuestra amiga, compañera, mentora, nos ha dejado.

Ella fue mi primera fuente de inspiración aquí.

De su blog he sacado la mayoría de trucos que os he enseñado y sin su ayuda, cuando yo empezaba en esta aventura, este blog que estás viendo nunca hubiera existido.

Desde este mismo blog, cuya fuente de inspiración fue ella, quiero despedirme de ella.

Rosa, amiga mia, allá donde estés, cuida de nosotros y guárdanos un rinconcito para cuando lleguemos. Nos tomaremos unas cervecitas juntos, todos los blogueros reunidos y nos reiremos recordando anécdotas.

Mientras, te extrañaremos.

Cambios en blogger

2010-06-12T01:04:00.002+02:00

Si habeis entrado en Diseño habreis visto que hay muchos cambios.

Para empezar las plantillas nuevas, que son una pasada ya que podemos decidir como queremos que sea el blog, cuantas columnas tendrá y un montón de cosas más sin tocar el HTML, solo dándole a un botoncito y con la ventaja que el layout, (la parte de atrás del blog, allá donde añadimos gadgets), no se descontrola.

Por otro lado los colores, que ha cambiado la forma en que se modifican.

Las fuentes, que me ha dado la impresión que las nuevas plantillas llevan incluidas más fuentes, de las que hablaba Vagabundia hace unos días.

Y muchas cositas más a cual más interesante y fácil de manejar. En parte me ha recordado a los blogs de spaces, ya que se modificaban de forma muy parecida.

Aunque se sigue pudiendo acceder a la edición de HTML como antes, así que no os asusteis.

¿Quereis un consejo? Abrid un blog de pruebas y experimentad con las novedades. Seguro que os divertis un buen rato.

Solo una advertencia por mi parte: Hasta que no le coja el tranquillo a los códigos que ahora se incluyen en las plantillas, no se hasta que punto sabré responder a vuestras consultas, así que tened paciencia. Gracias.

Camtasia Studio

2010-06-02T12:29:00.003+02:00

Hace unos días hice un power point/película con las mascotas de pet society y quería compartirla con mis amigos de facebook, así que me puse a investigar como convertir un power point en una película que pudiese subir a youtube.

Encontré varios programas, (a cual peor), y me recomendaron otros tantos, (que tampoco me sirvieron de mucho).

Afortunadamente las pruebas las hice con power points que ya no usaba.

Finalmente, tras mucho investigar, encontré la respuesta en el mismo youtube.
Camtasia Studio.

Es una pasada. Permite grabar la pantalla del pc, "desde dentro" pudiendo seleccionar solo una zona de la pantalla, a fin de que se vea mejor lo que quieres mostrar y ademas.....

¡Tachánnnnnnnnnnnnnnnnnnn!

Puedes grabar los power points directamente y el propio programa los sube a youtube.

Además, si tienes el sonido activado, puedes grabar la música que acompañe al power point o una narración.

La música no se reproduce con total nitidez, al menos no como la escuchas en directo mientras se está grabando, y como la graba a través del micrófono de la web-cam, o de cualquier otro que tengas conectado, si hay ruidos cerca los capta.

Pero es un programa muy fácil de usar, al menos para grabar power points.

Aún no he probado el tema de grabar la pantalla, pero lo haré y grabaré algún tutorial, así vereis como se hace.

Mientras, si quieres ver el resultado de la grabación de un power point con sonido, aquí tienes la peli que he montado.

Una de conciencia social

2010-05-31T12:24:00.003+02:00

Si:

Eres español/a (o, al menos, eso pone en tu DNI).
No eres español/a, pero vives en España.
Estas hasta el moño de ciertas cosas.
Dispones de 5 minutos libres.
Te apetece.

Échale un vistazo a esta entrada.

Harta ya de estar harta.

2010-05-21T18:47:00.002+02:00

Tras varios mensajes y comentarios recibidos últimamente me ha venido a la cabeza esta pregunta: ¿Porqué a la gente le gusta que se lo den todo masticado, si lo más divertido de un blog es personalizarlo uno mismo?

Ya se que llevo mucho tiempo sin actualizar este blog.
Mucho tiempo sin explicar ningún truco nuevo ni nada parecido, pese a que he hecho varias entradas en alguno de los otros, pero este es El Blog, así con mayúsculas, al que acude más gente en busca de alguna novedad, o de como hacer algo y aunque tal vez lo que busquen ya lo haya explicado, quizá no esté aquí, sinó en otro blog, pero a nadie parece ocurrírsele mirar en el menú, allá donde pone: "Blogs de tutoriales" o donde pone "Otros blogs de tutoriales".

No se si es que no lo ven, o qué piensan que hay enlazado allí.

De todas formas, cuando en la menubar se veia: Música para el blog, igualmente me preguntaban donde estaban las entradas en las que explicaba como poner música en el blog, asi que...

Por si esto fuera poco, ahora parece haberse puesto de moda que me dejen las preguntas en el muro de Facebook, sitio incómodo donde los haya para este tipo de cosas, ya que está limitada la cantidad de letras que puedes poner, si hay que dejar un enlace sale una ventanita de esas de verificación de palabras, los enlaces no se abren de forma directa sinó a traves de facebook e imagino que de poner códigos ni hablar, así que no le veo la gracia a que me dejen allí las consultas.
Además, no es mi intención usar facebook para estos menesteres. Para eso está el mail y los comentarios en el/los blogs/s.

Item más: ¿Que se supone que he de contestar a quien me pregunta "¿que puedo poner en mi blog?"?
Porqué la respuesta que primero me viene a la mente es: "Lo que te salga de los cojones", aunque ya se que no es muy educado responder así, por eso nunca lo hago.

Puliéndola un poco podría decir: Lo que tu quieras, lo que creas que necesitas, lo que te atrevas a poner, o cualquier cosa semejante, porque a mi entender cada cual ha de decidir qué pone en su blog y nadie es quien para decirle "pon tal cosa o tal otra".

No voy a decirle a nadie qué ha de poner en su blog. Lo máximo que haré, si veo algún fallo, será advertirle, pero ¡dios me libre de decirle a nadie qué falta o sobra en un blog!

Un blog es algo muy personal y ha de estar construido a gusto de su autor, no de los demás.

¿Ves algo en otro blog y te gusta y piensas que quedaría bien en el tuyo y te atreves con lo que sea y crees que lo necesitas? ¡Pues adelante!

Pero no lo hagas porqué alguien te diga: Esto quedaría bien en tu blog.

Item mas: Cuando leo que alguien me dice: "Entra en mi blog y dime qué te parece" ¡marramiau!.
Lo primero que pienso es que se trata de una burda maniobra para obtener una visita más.

Cuando alguien me escribe pidiéndome ayuda con algún problema, si no ha incluido la dirección del blog, mi primera respuesta es: "Envíame la dirección".
Porqué en estos casos siempre entro en el blog en cuestión para ver donde está el problema, acceder al código fuente, si es algo de códigos y ver con mis propios ojos qué sucede.

Pero eso de "entrar a ver qué me parece", como que va a ser que no.
Más que nada porqué aunque lo que vea sea totalmente desagradable para mi gusto, no os lo voy a decir, ¿no os parece?. Allá cada cual con sus gustos.

Item mas: La plantilla de este blog no está a disposición de nadie.

Este blog usa una harbor modificada.
Si quieres una plantilla con 3 columnas, en Ideas hay un montón.
Con bordes y sin bordes, con fondos y sin fondos, mínima, denim, scribe, rounders, harbor, tictac, moto, y algún otro modelo.

Pero ésta no está allí.

Por la sencilla razón de que la plantilla de este blog es el fruto de más de dos años de trabajo y modificaciones, contiene todos los gadgets que hay en él, algunos modificados, (gadgets que si no tienes solo van a darte problemas si intentaras colocarla en tu blog), scripts que quizá no necesites, enlaces a mis servidores y un largo etcétera de cosas que no voy a quitar para dejar la plantilla vacía.
Así que no me pidais que os la envie, porqué la respuesta será esta misma, o sea, un NO rotundo y contundente.

Es predicar en el desierto, lo se. Al igual que se que habrá quien se sienta aludido y deje algún comentario del estilo: "Vd. perdone, no era mi intención molestar" o algo parecido.

No es mi intención señalar a nadie, solo es un clamor fruto del cansancio.

Elucubraciones matutinas

2010-05-09T04:42:00.002+02:00

Últimamente me han llegado algunas consultas de este estilo: ¿Como se hace tal cosa? Es que lo he visto en tal blog y me gustaría ponerlo en el mío" o bien "En algún blog me pareció ver algo semejante a lo que busco".

Dejadme que os cuente un par de cosas.

Yo empecé con los blogs por que me gusta escribir. No tenía ni zorra idea de html. Para mi eso que se ve en Diseño/Edición de HTML era tan indescifrable como los jeroglíficos egipcios.

Pero también veia cosas que me gustaban y quería hacer y no sabía como, así que preguntaba.

Pero nunca le pregunté a alguien como se hacía algo que hubiera visto en otro blog.

Por decirlo más claramente, nunca se me hubiese ocurrido preguntarle a Rosa, de El escaparate, como aplicar un truco que hubiese visto en el blog de Gem@. Y si no recordaba donde había visto algo, (que también me ha sucedido), como había, y hay, una serie de blogs que visito asiduamente, primero buscaba en qué blog lo había visto.

Por otro lado, lo que explico aquí, o en cualquiera de mis blogs, es porqué primero lo he aplicado y aunque a veces me ha salido a la primera, sobre todo últimamente, que ya estoy más familiarizada con lo que veo, muchas, muchísimas veces, he tenido que hacerlo una y mil veces hasta que me ha salido.

El problema es que, a menos que sea algo que desee tener en el blog, si no me sale pronto, abandono. Y si no me sale no puedo explicar cómo hacerlo.

Un ejemplo de ésto es el tema de los gadgets de los que solo se ve el título.
He visto en varios blogs la misma explicación: Añades dos librerias y luego un sencillo código hace que se encojan y solo se vea el título, el cual, al pincharlo, muestra el resto del gadget.

¡Bueno! Pues a mi no me sale. No consigo que se abran los gadgets y al pinchar en lo que, en teoría, debería hacer que el gadget se expandiera, tan solo me lleva al principio de la página.
¿Porqué? Ni idea.

Pero como no me sale, hasta que no descubra cual es el problema no lo explico.
Y como dispongo de otro sistema para hacer eso mismo, que ya tengo por la mano, pues paso mucho de seguir investigando el otro.

Porqué si lo explico basándome en lo que otros han explicado, aunque a mi no me haya salido, si tu lo aplicas y tampoco te sale, me preguntarás como solucionarlo y no sabré darte una respuesta. De manera que prefiero no explicarlo.

¿Donde quiero ir a parar? Muy sencillo. Si ves un truco en el blog de Rosa, o en el de Gem@, o en el de Vagabundia, no me preguntes a mi como hacerlo, a menos que yo también lo haya aplicado y explicado. Pregunta donde lo veas. Ellos también contestan.

Y, por otro lado, no soy dada a probarlo todo, a menos que sea algo que me parezca útil. Y, sinceramente, muchas de las cosas que hay en otros blogs me parecen una completa tontería o una sobrecarga inútil del blog.

No veo, por ejemplo, ninguna necesidad de que el fondo del blog vaya cambiando solo. Eso solo implica cargar tantas imágenes como se deberían ver, total ¿para que?, ¿para que quien entre se vuelva loco?.
Cuando me apetece que el blog tenga otra cara, simplemente se la cambio y lo dejo una temporada más o menos larga con la nueva imagen. ¡Y punto!.

Enviame un mail

2010-04-18T13:32:00.002+02:00

Acabo de instalar un formulario de correo en este blog.

Hasta ahora, cuando queriais poneros en contacto conmigo, si pinchabais en alguna de las opciones para hacerlo, seguramente se os abría el mail que tuvierais seleccionado por defecto, habitualmente outlock, que posiblemente no es el que soleis usar.

No he encontrado la forma de hacer que el famoso mailto abra el correo que cada uno utiliza, así que investigando en el blog de Pizcos, donde sé que tiene ese formulario, he encontrado su explicación de donde conseguirlo y de como colocarlo en el blog.

De momento os dejo el enlace a sus entradas. Lo explica muy bien, así que "al César lo que es del César". Visita su blog y verás como hacerlo.

Quizá algún día haga una entrada explicando yo misma como hacerlo. (Ya sabes, en Más cosas).

Entradas de Pizcos.

Correo para nuestro blog.

Correo para nuestro blog II

El formulario en tu blog.

Hacer un índice de entradas o etiquetas, con imágenes.

2010-04-13T10:54:00.004+02:00

Me han preguntado, en algunas ocasiones, como hacer lo que dice el título, así que para no repetirlo más veces voy a explicarlo aquí.

Verás que la explicación tiene varios condicionales, (si haces tal cosa, has de hacer tal otra), así que repasa bien lo que voy a explicar antes de hacerlo, sobre todo antes de decirme que no te sale, ya que voy a intentar abarcar todas las posibilidades.

Este tipo de índices han de hacerse "manualmente" (ignoro si hay alguna página o sistema que lo haga de forma automática) y se han de ir actualizando regularmente, a medida que se añadan entradas o etiquetas al blog.

Empezaré por explicar cómo hacer el de etiquetas, ya que éste solo tendrás que actualizarlo si añades una nueva etiqueta que quieras enlazar.

Primer paso: Preparar las imágenes.

Estas imágenes no pueden ser muy grandes, al contrario, sinó cada enlace ocuparía media página y no sería cómodo de usar.
Evidentemente las imágenes han de estar en Internet, en algún servidor y lo ideal sería que estuvieran en tu álbum de Picasa, ya que allí mismo obtendrás la miniatura de la imagen.

Condicional 1.

1-1.- Si añades imágenes a tus entradas y lo haces subiéndolas directamente a la entrada, ya las tendrás allí.

1-2.- Si las añades desde otro servidor, puedes usarlas, pero tendrás que decirle al código que las reduzca.

1-3.- Si no sueles añadir imágenes a tus entradas, pero quieres hacer el índice igualmente, prepara las imágenes que vayas a usar y súbelas directamente a tu álbum web de Picasa, el que se creó para ti cuando añadiste la primera imagen a tu blog. (Si no sabes donde está tu álbum, pincha aquí.)
Tendrás que acceder a tu cuenta, (dirección y contraseña con los que accedes a tu blog para editarlo). Allí verás tus imágenes en un álbum que tendrá el mismo título que tu blog.
Una vez allí, podrás añadir fotos a ése álbum. (Si no sabes cómo hacerlo, o no has accedido nunca a tus álbumes, mira este blog).

Siguiente paso: Preparar las ventanas necesarias.

Necesitarás tener 3 ventanas o pestañas abiertas al mismo tiempo, así que abre tu blog dos veces, en dos pestañas o ventanas distintas.
Para hacer esto, en Escritorio, lo que antes era el Panel, pincha en los dos cuadritos que hay junto a Ver blog. Esto hará que se abra en otra ventana o pestaña, (dependerá de tu navegador y/o de como lo tengas configurado).
Una vez abierto, vuelve a pinchar para que se abra de nuevo en otra ventana o pestaña.
En ambas has de estar en la pestaña Creación de entradas.
En una de las ventanas o pestañas, has de estar en Nueva entrada, en la otra has de estar en Editar entradas.

En la tercera ventana que te digo que has de tener abierta, has de estar en la página donde estén tus imágenes.

Condicional 2.

2-1.- Si lo vas a hacer desde tus álbumes de Picasa, abre en esta tercera ventana o pestaña, el álbum de tu blog. Verás las imágenes en miniatura, así:

2-2.- Si vas a usar tu propio servidor.

Abre en esta tercera ventana o pestaña la página de tu servidor y busca el lugar donde esten las direcciones de las imágenes que vas a usar.

¡Bien! Ya tenemos las 3 ventanas o pestañas a punto para empezar.

Tercer paso: Crear la entrada.

Crea una entrada destinada al índice y ponle título, por ejemplo Indice o el que quieras, pero que se note qué es lo que contiene y pincha en la pestaña Edición de HTML, del editor de entradas, a fin de crearla desde ahí, (no desde Redactar), para empezar a añadir los enlaces.

En la pestaña de Edición de entradas, pincha en la etiqueta que vas a enlazar en primer lugar, (las etiquetas están en la columna de la izquierda), con el botón derecho del ratón para copiar su dirección.

En la entrada, (recuerda: Edición de HTML) escribes esto:

Ahora has de añadir la dirección de la imagen que se verá y se podrá pinchar.

Condicional 3

3-1.- Desde Picasa.

Ves a la ventana o pestaña de tus fotos y pincha en la miniatura que va a servir de enlace de esa etiqueta, con el botón derecho del ratón para copiar la dirección de esa miniatura.

Regresa a la ventana o pestaña donde estás creando la entrada y escribe a continuación de lo escrito antes (sin dejar espacio)

3-2.- Desde tu servidor.

Busca la dirección de la imagen que vas a usar, cópiala y escribe así el código de esa imagen:

Para que la imagen original se convierta en una miniatura.

Con estos pasos, en uno u otro sistema, tendras un código así:

o así:

Pero esto solo sería una imagen que enlazaría a algún sitio y quien accediera no sabría cual de ellas es la que le va a conducir a las entradas que le interesan, así que has de añadir la explicación, la cual puede ser sólo una frase junto a cada imagen y también una palabra o frase que aparezca al poner el ratón encima de la imagen.

Para poner una frase que explique a qué enlaza cada imagen.

Condicional 4.

4-1.- Si quieres que el enlace esté solo en la imagen, el código has de escribirlo así: (abrevio lo que hay entre comillas, ya sabes que cada "dirección" corresponde a la que he explicado más arriba y solo pongo de ejemplo el primer caso).

<a href="dirección"><img src="dirección"></a> Lo que se va a leer.

4-2.- Si quieres que además de la frase junto a la imagen, se vea algo al poner el ratón encima, lo escribes así:

<a href="dirección" title="palabra que aparecerá"><img src="dirección"></a> Lo que se va a leer.

Repite lo antedicho, en el modelo o sistema que quieras, tantas veces como enlaces vayas a añadir, modificando, en cada enlace, la dirección de la etiqueta, la de la imagen, la frase que se va a ver al poner el ratón encima y/o la que se va a leer junto a la imagen.

En todos los casos.

Para que cada enlace quede en una línea y las imágenes no queden muy pegadas la una a la otra.

Escribe esto al principio de todo : <div>

Escribe un enlace a continuación.
Dale a enter al final del enlace completo.
Escribe esto: </div><div>
Dale a Enter
Escribe otro enlace.
Dale a Enter

y así sucesivamente hasta que hayas escrito el último enlace, detrás del cual escribirás esto: </div>

Con lo cual quedaría así el conjunto completo: (ejemplo con tres enlaces)

<div>ENLACE
</div><div>
ENLACE
</div><div>
ENLACE
</div>

Si el índice que quieres hacer es de entradas has de ir añadiendo el enlace de cada entrada.
Para saber su dirección, en la ventana o pestaña de Editar entradas, pincha en Visualizar, palabra que verás junto al título de la entrada, con el botón derecho de ratón para copiar su dirección.

Esta dirección es la que has de poner detrás de <a href="

Último paso: Publicar la entrada.

Una vez finalizada la entrada índice, antes de darle a publicar, mira en Edición de entradas qué fecha tiene la última de las que haya en la lista y modifica la fecha de la que estás creando, pinchando en Opciones de entrada, a fin de que este índice vaya a parar al final del blog.
Una vez publicada, recarga la ventana o pestaña de Edición de entradas, para que la entrada Indice aparezca al final de la lista.

En la ventana donde has creado el índice pincha en Diseño y añade un gadget Lista de enlaces.
En este gadget, pon en URL la dirección del índice, copiandola de Editar entradas y en Nombre algo que demuestre qué enlazas, por ejemplo: Indice del blog y Guarda el gadget para que se vea en tu columna lateral.

Y ya tienes tu indice terminado.

Recuerda: En ambos casos tendrás que actualizar manualmente la entrada cada vez que añadas una etiqueta o una entrada al blog.

Aprender a ver

2010-03-31T12:24:00.003+02:00

Creo que muchas personas han de aprender a ver las cosas que hay en un blog.

Digo esto porqué ya me han pedido que dé mi mail en muchísimas ocasiones, como si mi dirección no estuviera en éste y en la mayoría de mis blogs.

En éste está en 3 sitios bien claros.

1.- El botón redondo de la cabecera que tiene un sobre dibujado, incluye mi dirección de mail. No está ahí para hacer bonito ni lo que hay en él es mi dirección de correo postal.

2.- En el menú con submenús hay un enlace que pone Contacto. Ahí también está mi dirección de mail. No es para que los extraterrestres se pongan en contacto conmigo, ni para concertar citas con nadie.

3.- En la columna de la derecha hay un gadget que se titula: No dudes en preguntar, en el que un dragón escupe fuego con la palabra Mail. (Si no se entiende qué es esto, quizá que os lo hagais mirar).

Por último, aunque se que esta opción es más difícil de averiguar o adivinar, en el cbox, en mi nombre, está el enlace a mi mail, aunque para verlo se ha de poner el ratón encima y mirar abajo de todo de la pantalla, a la izquierda, en la barra de estado, qué sale, aunque me parece que pinchando en mi nombre en el cbox también se abriría el correo de quien pinchara para que me escribiera.

A pesar de esto siguen pidiéndome que les de el mail. (No se, quizá quieren que les regale la cuenta, o quizá tenga que ponerlo en letras de neón que aparezcan por todo el blog cada vez que alguien ponga el ratón en algún sitio).

Y una cosa más: No doy clases de blog por correo. Para eso he creado todos los blogs en los que explico como hacer todo lo que yo se hacer. Desde el Manual, pasando por Tu blog y tu, hasta éste, más todos los que tratan temas concretos, creo haber dejado explicaciones claras y concisas de como hacer las cosas, así que no veo la necesidad de copiar una o más entradas en un mail.

¿El enlace de tus entradas te redirige a otro sitio?

2010-03-30T12:35:00.002+02:00

Hace un par de días me llegó una consulta en la que me decían que al pinchar en el título de alguna entrada, en el gagdet Archivo, en lugar de abrirse la entrada ibas a parar a otro sitio.

Eché una ojeada y si, se abría la entrada, pero apenas la veias ibas a parar a una especie de página de enlaces.

Como no supe ver en el código nada que lo provocara, le dije a mi comunicante que se pusiera en contacto con el maestro, Vagabundia, y que si él encontraba el fallo, fuera tan amable de compartirlo.

Lo hizo y, efectivamente Vagabundia supo ver qué pasaba.

Y keko ha tenido a bien compartirlo con todos.

El problema estaba en un código que había añadido al final de las entradas, un contador de visitas en cada entrada, proporcionado por Wizon, que había dejado de funcionar y por eso le redirigía a esa página.

Vagabundia le dijo que lo eliminara y con esto se solucionaba el problema.

Aquí os dejo el código en cuestión. Si teneis este mismo problema mirad si lo teneis añadido en algún sitio, (según Vagabundia está en el footer de las entradas) y quitadlo.

<span id='hit-counter'>
<font color='#999999'><script src='http://wizom.net/counter.php' type='text/javascript'></script> lecturas</font></span>

Enviar entradas por correo

2010-03-26T21:15:00.004+01:00

Me han preguntado ya en alguna ocasión como enviar las entradas que hacemos, a las personas que puedan estar interesadas en ello.

En principio esto está contemplado en Configuración/Correo eléctronico y móvil.
La primera de las opciones es la posibilidad de añadir hasta 10 direcciones de mail para que estas personas reciban tu blog, pero...

Pero a mi entender esto es obligar a los demás a recibir algo que quizá no han solicitado y puede ser más una molestia que un favor.

Tenemos suficientes herramientas a nuestro alcance para que quien desee saber si actualizamos pueda enterarse, ya sea haciéndose seguidor, con lo que las recibirá en su escritorio, ya sea ofreciendo la posibilidad de suscribirse, mediante un lector o por correo, por medio de feed burner.

Pero ha de ser por decisión propia, no por obligación.

Personalmente, ya os aviso, si alguien me envia sus entradas sin que yo lo haya solicitado, marco la dirección del remitente como spam, con lo que no solo no me llegarán más sus entradas, sinó que tampoco me van a llegar sus posibles consultas, pero si yo no deseo saber si alguien actualiza, me molesta muchísimo que se me obligue a saberlo.

Mover un gadget de sitio si no se deja de forma habitual

2010-03-09T00:19:00.003+01:00

Ultimamente blogger anda algo escojonciado (como dirian en mi tierra) que viene a significar que va "como una escopeta de feria" o sea, mal.
Y una de las cosas que a veces no funciona es el drag and drop de los gadgets. O sea, lo de cambiarlos de sitio simplemente arrastrándolos.

O no se dejan arrastar, o no se dejan colocar donde queremos.

Y así como otros de los fallos de blogger, (seguidores abducidos, avatares convertidos en la b de blogger, etc), no podemos solucionarlos directamente, este , al menos, si que podemos arreglarlo.

Aunque para hacerlo hay que meterle mano al código y hacer el cambio de forma "manual".

Estos son algunos de los gadgets del Directorio de Tutoriales, tal como los veis vosotros.

Así es como se ven estos mismos gadgets en la parte de atrás del blog, a la que se accede por Diseño.

Y así es como se ven en el código SIN expandir artilugios.

Si quisiera cambiar uno de sitio y no pudiese hacerlo por el sistema normal, o sea arrastrándolo, haría lo siguiente:

1º.- Seleccionaría la línea del código correspondiente al gadget que quiero mover.
(Al tener título, me resulta fácil saber cual es cual).

2º.- Pincharía la línea seleccionada, con el botón derecho del ratón para que saliera ese menú y pincharía con el izquierdo en Copiar.

3º.- Dejaría un espacio entre los dos gadgets que van a quedar encima y debajo del gadget copiado. (Eso se hace poniendo el cursor al final del de encima, detrás del simbolo > y dándole a Enter).

4º.- Pegaría en ese espacio el código copiado. (Fíjate que se ve dos veces el gadget Tuneando la dots)

5º.- Borraría la línea copiada de su ubicación anterior.
(Esto es imprescindible hacerlo antes de hacer vista previa, de lo contrario saldría el aviso aquel de: "No se ha podido obtener una vista de su plantilla por no estar bien formada, los id han de ser únicos" o algo parecido).

6º.- Haría vista previa.
(Y como podeis comprobar el gadget se ha movido de sitio.)

Evidentemente esto lo he hecho solo para hacer la demostración. En el blog los gadgets siguen donde estaban, ya que están en orden alfabético.

Como hacer el menú con sub-menús que podeis ver aquí

2010-03-05T15:00:00.003+01:00

Cuando coloqué este menú tan chulo con submenús, os prometí que haría una entrada en Más cosas explicando como hacerlo, paso a paso, con las imágenes de cada uno de los pasos, como hago en otras cuestiones.

¡Bien! Ya está publicado.

Así que si entraste a la página que dije y no lo viste claro, aquí puedes ver como crear tu propio menú con submenús.

Si pese a todo te queda alguna duda, ya sabes donde contactar conmigo.

Cuidado con los ladrones

2010-02-25T11:35:00.005+01:00

Repasando las últimas entradas de nuestros amigos bloggers, he encontrado ésta de Gem@ que nos redirige a esta otra de SpamLoco.

En ellas nos cuentan como últimamente cabe la posibilidad de recibir correos falsos que lo único que buscan es robarnos nuestras contraseñas, ya sean de gmail, de hotmail, o de cualquier otro sitio.

¿Que ganan con ello?, ¡bueno!, en algunos casos quizá solo puedan acceder a nuestras cuentas de correo y no pase nada, pero en otros casos si puede ser peligroso, ya que esto quizá les permita acceder a otros sitios que no deseemos, por ejemplo a Facebook, o a nuestra cuenta bancaria y, de todas formas, no es recomendable ni deseable que nadie pueda acceder a nuetros correos.

No voy a repetir lo dicho por ellos.

Te recomiendo que pinches en los enlaces y leas a fondo sus entradas.

Y no solo ésto, sinó que en la entrada de SpamLoco, pinches en los enlaces que tiene, redirigiéndote a otras en las que explica más detalladamente como darte cuenta, en diversos casos, de si lo que estás recibiendo es seguro o no.

Y, por último, déjame hacerte un par de recomendaciones:

1ª.- Guarda siempre en tus Favoritos o Marcadores, los accesos a los sitios que utilices y entra siempre en ellos por este medio, ya que, aunque tengas que poner la contraseña, por que el pc o el navegador no la guarde, tendrás la seguridad de que estás accediendo al sitio correcto.

2ª.- No aceptes NUNCA algo que enlace a otro sitio y que llegue de alguien a quien no estás muy segur@ de conocer y aunque le conozcas, asegúrate siempre de que realmente es esa persona quien te lo envía.

No puedo eliminar comentarios (y otros errores)

2010-02-18T10:01:00.003+01:00

Esta consulta y otras por el estilo, me las están haciendo últimamente.

Por lo visto blogger está haciendo de las suyas de nuevo, ya que están fallando cosas de las que no solemos, o no podemos, tocar.

En este tema de los comentarios, ya sabeis, el cubo de basura que permite eliminarlos, como cabe la posibilidad de haber modificado el HTML de las entradas, en la plantilla, para añadir un leer más o algo por el estilo, la primera vez que me lo consultaron hice que buscaran la línea de código que hace que se vea.

Me contestaron que la habían encontrado y que sin tocar nada se había arreglado solo.

Esta respuesta me hizo pensar en lo que comento: Blogger está tocando algo, así que ahora ya pregunto primero si se ha modificado el código de la plantilla.

Y si la respuesta es No, no hay nada que hacer, salvo esperar a que se arregle solo.

Si la respuesta fuera Si, si se hubiese modificado el código de las entradas, expandiendo artilugios y modificando algo del widget del blog, en este caso habría que mirar si sigue estando esto en el código:

<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>

y esta línea

<b:include data='comment' name='commentDeleteIcon'/>

¿Donde hay que buscarlo?
Dentro del código del widget del blog que empieza así:

<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>

y si estuviera, como digo, esperar a que blogger lo arregle.

Si no estuviera habría que pegarlo.

¿Donde?

¡Bueno!, es complicadillo decir donde exactamente, ya que estoy revisando códigos conforme hago esta entrada, para daros esta respuesta y de 3 blogs que he mirado hasta ahora, en los 3 lo estoy viendo en distintos sitios, así que imagino que depende de la plantilla.

De todas formas, como el hecho de que no esté implica que has tocado el código básico de las entradas, te recomendaría que cargaras el mismo modelo de plantilla, (no la misma plantilla, sinó el mismo modelo), en un blog de pruebas, los abras los dos, expandas artilugios en ambos, busques ese código en el blog de pruebas, lo copies y lo pegues en el mismo lugar del blog real.

¡Atención!

Estoy hablando de plantillas originales (aunque hayan sido modificadas) de blogger.

No se si será válido en plantillas no originales.

Como utilizar el buscador

2010-02-14T12:35:00.002+01:00

Laura Nieves me hizo un pregunta en el cbox, (podeis verla aún, por eso digo su nombre), pero al igual que ella, muchos de vosotros a menudo me dejais preguntas del mismo estilo, ya sea en el cbox, ya sea en alguna entrada, o incluso por correo.

A la pregunta de Laura Nieves respondí de forma errónea. Pensé que me preguntaba por el menú con sub-menús y sub-sub-menús, pero no, me preguntaba por los enlaces que se ven en el footer, que van pasando, o sea, se mueven.

Quería dejarle el enlace a la entrada donde lo expliqué, así que he usado el buscador, que para esto está, escribiendo: imágenes en movimiento y pinchando en buscar.

Al cabo de medio segundo ha aparecido la respuesta encima de las entradas, mostrando todas las entradas que incluyen la palabra imágenes, pero como además había escrito movimiento, la primera de las entradas que me ha mostrado ha sido justamente la que buscaba.

¿Que quiero decir con ésto?

Muy fácil: que a menudo preguntais antes de agotar todos los recursos que os ofrezco para encontrar algo, entre ellos el buscador.

Porqué este chisme, además de mostraros todas las entradas que hay en este blog, también tiene pestañitas, que se pueden pinchar, en las que muestra los resultados que pueda haber en otros sitios de los enlazados en este blog, e incluso en internet.

Así que os recomendaría que antes de preguntar probeis este invento. Quizá os lleveis una sorpresa.

Menús -4- Configurar tu propio menú con submenús

2010-02-11T09:06:00.003+01:00

Imagino que habeis tenido suficiente tiempo para aprender a hacer un menú simple, así que ahora voy a explicar como añadirle un submenú, de manera que a este menú simple:

<ul class="menu">

<li>
<a href="direccion">Palabra</a>
</li>

(Aquí pondremos el submenú.)

<li>
<a href="dirección>Palabra</a>
</li>

</ul>

vamos a añadirle un submenú entre estos dos enlaces.

Como siempre es mejor un ejemplo práctico que teórico, os voy a mostrar como he construido el del blog de muestra.
Podeis ver, si habeis pinchado para ello, que en ese menú he usado Utilidades como enlace principal y al poner el ratón encima se despliega el submenú, en el que se ven los blogs que están incluidos en Utilidades.

Así que, ¡vamos allá!

Primero pondremos el enlace que se va a ver, pero como queremos que este enlace se distinga de los demás le adjudicaremos una clase:

<li class="drop">

a continuación el enlace principal:

<a href="la dirección de Utilidades">Utilidades</a>

ahora añadiremos la orden para que se vea el icono que demuestra que ese enlace es expandible y se expanda cuando pongamos el ratón encima:

<span class="toogle"> </span>

y a continuación el submenú que se ha de ver al desplegarse:

<ul>

<li>
<a href="dirección del blog iGoogle">iGoogle</a>
</li>

<li>
<a href="dirección del blog Picasa">Picasa</a>
</li>

<li>
<a href="dirección del blog Feed Burner">Feed Burner</a>
</li>

Podría haber seguido añadiendo tantos blogs como quisiera, pero con esos 3, para la demostración ya era suficiente, así que cerré el submenú.

</ul>
</li>

Y aquí continué con un enlace simple.

Si en lugar de una lista de blogs, lo que quieres es hacer una lista de entradas o de etiquetas, el sistema es el mismo.
Tan solo has de poner las direcciones de lo que vayas a querer ver enlazado ahí.

Recuerda que a cada enlace le puedes añadir lo de target="_blank" para que se abra en otra ventana, así como lo de title="palabra o frase" para que se muestre una explicación breve al poner el ratón encima.

Pero aún no hemos terminado.
Nos falta añadir el CSS que hará que ese submenú funcione, se vea el icono y se despliegue.

De manera que iremos a Diseño/Edición de HTML y buscaremos el código que añadimos para que los enlaces simples se vieran de una forma especial y le añadiremos esto:

Para que se sepa que se ha de desplegar y muestre el icono:

ul.menu li a span {
font-weight: normal;
padding-left: 3px;
}
ul.menu li.drop a {
padding-right: 7px;
}
ul.menu li.drop:hover
li {
border: none;
}
ul.menu li.drop span.toggle {
background:
transparent url(http://dl.dropbox.com/u/2616707/png/views-24.png)
no-repeat;
display: block;
float: left;
height: 26px;
margin: 0
5px;
padding: 0;
width: 20px;
}

Los efectos al pasar el ratón que despliega el submenú:

ul.menu li.drop:hover {
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}
ul.menu li.drop:hover ul {
display: block;
padding: 0 0 10px 0;
z-index: 1;
}

(El primer grupo de órdenes hará que en Firefox los enlaces se vean con los bordes redondeados.
Lamentablemente, no se verán en Explorer, pero déjalos por si quien entra a tu blog usa Firefox, aunque tu no lo hagas).

Sigamos.

La lista del submenú:

ul.menu li ul {
background-color: #555;
display: none;
left: 0;
list-style-type: none;
margin: 0;
padding: 0;
position:
absolute;
top: 30px;
width: 100%;
}

Cada item del submenú

ul.menu li ul li {
border: none;
float: none;
height: auto;
margin: 0;
padding: 0;
}

Cada item del submenú es un enlace.

ul.menu li ul li a {
background-color: transparent;
color: #DDD
!important;
display: block;
float: none;
font-size: 13px;
font-weight: normal;
height: auto;
margin: 0;
padding: 5px 15px;
}

Efectos sobre los items del submenú

ul.menu li:hover ul {
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border: none;
background-color:
#555;
}
ul.menu li:hover ul * {
-moz-border-radius: 0;
background-color: transparent;
}
ul.menu li ul li:hover {
background-color: #000;
}

Os he dejado la dirección de la lupa que hay en ese submenú. Podeis cambiarla por la de vuestro propio icono, pero teneis que pensar que ha de ser pequeñito, (este mide 24 x 24), o las medidas no encajarán.

Una vez copiados todos estos pedacitos en el CSS, ya podreis ver vuestro menú con submenús.

Recordad que podeis modificar los colores, (estos son los que hay en el blog de muestra), simplemente cambiando el código hexagesimal que hay aquí, o inventando/creando variables o usando las que haya en el blog.

Y si no lo tienes claro, usa un blog de pruebas para ir haciendo experimentos, y puedas ver qué cambia cada orden.

P.S. Nuevamente agradezco a Vagabundia que hiciera una entrada explicando como hacer ésto.
Los códigos están copiados de su blog.
Yo me he limitado a descifrarlos y explicarlos.