Más cosas

Entradas relacionadas, con miniatura, al pie de cada entrada.

2010-03-30T13:29:00.003+02:00

Si miras al final de esta entrada que estás leyendo, verás 3 minaturas de 3 entradas de este mismo blog.

Como aquí trato temas muy diversos, quizá no estén muy relacionadas con ésta, pero no dejan de ser 3 entradas del blog que quizá puedan interesar.

Colocar algo así en tu blog es super sencillo. Solo has de pinchar en el enlace que hay debajo de las miniaturas, o aquí, (este se abrirá en otra ventana, el de abajo no), para ir a parar a esta página.

En la que verás un cuadro como este...

...en el que tendrás que poner la dirección con la que accedes a tu blog, la dirección del blog en el que lo quieres colocar, si tienes más de uno y la plataforma en la que está alojado el blog.

También puedes elegir que se vean más de 3 y marcar si tu blog tiene el fondo oscuro y las letras claras, a fin de que se vea bien,

Una vez hecho esto dale a Get widget. Se abrirá esta página...

...en la que te dicen que pinches en este botón de Install widget.

También te recuerdan que si aún no has accedido a tu cuenta quizá tengas que hacerlo.

Más abajo te dicen que para que funcione bien tendrás que moverlo de sitio y colocarlo bajo las entradas, aunque dicen que es opcional. hazlo, no molesta y si ha de funcionar mejor...

Pero vamos a verlo.

Al pinchar en aquel botón y si ya has abierto sesión en blogger te saldrá esta página...

...en la que, si tienes más de un blog, podrás elegir en cual has de colocarlo.
Una vez elegido dale a Añadir artiligio y lo verás así en tu blog.

Si quieres hacerles caso arrástralo hacia justo debajo de las entradas...

y ya lo verás al final de las entradas así:

Solo una cosa a tener en cuenta: Este tipo de artilugios, o más bien las páginas que los proporcionan, a veces dejan de funcionar.

Si esto sucediera, antes de pedir socorro hay que averiguar si la página sigue funcionando, pinchando en el enlace que ponen debajo, (enlace que yo no quitaría, pues dejarlo es lo mínimo que podemos hacer teniendo en cuenta que es gratuito y que puede ser útil para que otra persona pueda acceder a la página. Gracias a ésto he podido descubrir como hacerlo y explicároslo.) y si la página sigue funcionando tener paciencia a ver si regresa, pues a veces los servidores nos gastan malas pasadas.

Como crear un menú con submenús y sub-submenús como el de Tuneando el blog

2010-03-05T12:56:00.003+01:00

Como os prometí cuando añadí aquel menú a mi blog, voy a explicaros como crear vuestro propio menú.

Para hacer esta demostración he usado uno de los ejemplos que suelo utilizar más a menudo, un blog de cocina.

Imagina que tienes un blog de cocina en el que vas añadiendo recetas según se te ocurren.
Cada receta pertenece a diversos grupos, puede ser un primero, o un segundo o un postre, y dentro de cada uno de esos grupos puede ser carne, pescado, verdura, arroz, etc.
Así que tu explicas la receta de, por ejemplo una sopa de cebolla y la etiquetas correctamente, ya que es un primer plato, pero también es una sopa.

En tu lista de etiquetas saldrá englobada en ambas, por supuesto.

Pero aquí se trata de hacer ese menú que habeis podido ver en Tuneando el blog, así que, sin más demoras, vamos allá.

En primer lugar has de entrar en la página de Pure CSS menú.

Una vez allí verás un menú ya montado, que tiene este aspecto:

Como puedes ver, a la izquierda tienes unos botones, del que uno ya está expandido.
En esta imagen lo está el que corresponde a la fuente que vas a usar en tu menú y a los colores que éste va a tener. Son los Parameters.

Puedes modificarlo ya ahora, o dejar la personalización para el final.

De todos modos, voy a contarte ya como hacerlo y como se ve.
Esto es lo que sale por defecto:

Modificando la fuente, y marcando Bold e Italic, para que salga en negrita y en cursiva, así se verían las letras del menú:

También podrías modificar los colores, pero esto, como admite muchas combinaciones, lo dejo para que lo investigues tu mism@.

Sigamos.
Vamos a ver que hay en Items.
Desplegando ese botón verás esto:

O sea, la lista del menú que hay por defecto, más unos botones, que nos van a servir para añadir items, (cada enlace es un ítem), o quitarlos, si no los necesitamos.

Así el primer botón nos sirve para añadir un item:

Y como puedes ver, si no marcas antes donde va a ir, se coloca al final de la lista.

Y así se ve en el menú de muestra:

Fíjate que los items nuevos, a diferencia de los que ya había, tienen un número.
Puedes añadir tantos como quieras, pero ¡cuidado! a partir del 51 le cuesta un poco recargar la página. Ten paciencia.

Como no necesitamos ése ítem para nada lo eliminaremos, dándole al último botón:

Por supuesto has de tener marcado qué item quieres eliminar. (Se marcan pinchando en ellos en esa lista lateral).

Si el nuevo item lo quieres añadir en algún sitio concreto de la lista, has de marcar el que va a estar justo encima del nuevo y pinchar en Add next item (añadir el siguiente ítem)

Y como puedes ver, el siguiente se habrá añadido justo al final del marcado.

Y aquí puedes verlo en el menú de muestra.

Si lo que quieres es añadir un sub-item, has de marcar el item principal y pinchar en Add Subitem.

El cual se añadirá al final de los que haya.

Pero si lo que quieres es que ese nuevo sub-ítem sea lo sea de un sub-item, marca el sub-ítem del que vaya a desplegarse

Y verás que se añade debajo del marcado, pero no como sub-item del principal, sinó del que has marcado

Y en el menú de muestra lo verás así:

¡Bien! Visto lo anterior, vamos a ver como configurar tus propios enlaces en ese menú.

Para empezar marca el primer enlace, el que dice Pure CSS menú y en la parte de abajo, donde están los items parameters, cambia lo que haya en la primera casilla, por, por ejemplo, Inicio, para crear ahí el enlace para volver a tu página principal y añade la url de tu blog en la casilla Link

Como puedes ver, hay más casillas.
Tip indica si se va a ver algo al poner el ratón encima del enlace, Target indica si ese enlace se va a abrir en la misma ventana o en otra.

Esto es muy práctico, pues te permite escoger donde abrir cada enlace, ya que en algunos casos, si el enlace es a tu propio blog, no hace falta que se abra en otra ventana, en este caso pinha en self, pero si estás enlazando otro blog o página, es interesante que se abra en otra ventana, así no echas a nadie del blog En este caso pincha en blank.

Una vez acabado de colocar el enlace, pincha en cualquier sitio de la página y recargará. Al hacerlo ya verás tu enlace ahí

Y como puedes ver, poniendo el ratón encima del enlace recién creado, se ve el Tip que le había añadido

¡Bien! Vamos a empezar con los enlaces con sub-enlaces.

Sigo con el ejemplo del supuesto blog de cocina.
Ahora quiero mostrar las recetas del blog de forma ordenada y además el índice de recetas que he añadido al final del blog.
Para ello usaré el segundo ítem, pero ¿cual ha de ser el enlace del ítem?
Pues NINGUNO.
No es necesario que haya un enlace para que se desplieguen los sub-items, puedo usar solo una palabra que indique lo qué puede haber ahí y como lo que hay en este blog imaginario son recetas de cocina, marco el segundo Item, para que se coloque en la parte de abajo y simplemente le cambio el Texto de Product info por Recetas.

A continuación he marcado el primer sub-item y lo he modificado poniendo la url de ese supuesto índice. (La url de la entrada donde está ese índice).

Y aquí puedes ver como se vería.

Vamos ahora con las recetas por grupos. Y para no obligar a nadie a ver todos los primeros platos, simplemente usaré esas palabras para que se desplieguen todos los sub-enlaces que se puedan necesitar.

Marco, pues, el siguiente sub-item de la lista, Menú Features, y lo convierto en un Primeros platos.

Y el primer sub-sub-item lo convierto en Sopas, y aquí si que pongo URL. La de la etiqueta de sopas que tengo en el blog.

Pero como hay varios tipos de sopas y soy muy concienzuda, también he separado las sopas por categoría, así que le añado un sub-item a este sub-item de las sopas, para que quien lo desee pueda ver solo, por ejemplo, las sopas de verduras.

Y tras, haber colocado en la zona de los item parameters el nombre, el enlace y el texto que se verá al poner el ratón encima,

este es el aspecto del menú hasta este momento.

Como puedes ver, ya había añadido más sub-sub-items para poner el resto de variedades de sopas que pueda haber, sopas de pescado, sopas de carne, etc.

Vamos a ver como está quedando hasta ahora. Cierro los enlaces, pinchando en los simbolos - de los items principales y este es el aspecto que tiene hasta este momento, sin desplegar.

Y así podría haber seguido añadiendo los demás sub-enlaces (o sub-items), correspondientes a los demás grupos de platos, segundos, postres, etc, y los correspondientes sub-sub-items, o sub-sub-sub-items para ir separando todas las entradas por categorías lo más razonables posibles.

Recuerda: Cada uno de esos enlaces, en este caso concreto, se refieren a entradas del blog, y las direcciones a colocar son las de las etiquetas que engloban esas entradas.

Si lo que quieres es enlazar blogs o páginas, dependerá de tus necesidades que uses más o menos sub-items.

Vamos a ver ahora como personalizar el menú en cuanto a colores.

En la parte baja de la columna de la izquierda, tienes el botón templates, que muestra esto:

Pinchando en alguna de las muestras, podrías ver qué aspecto tendría tu menú.

El ejemplo que te dejo, es el del menú vertical.

Una vez que hayas terminado de personalizarlo, que hayas decidido qué modelo te gusta, que hayas borrado/eliminado todos los items que había de serie y que no hayas usado, ¡en fin! que el menú que puedas ver en la propia página esté a tu entera satisfacción, pincha en ese Download

Se abrirá la ventanita de descargas y te preguntarán si quieres guardar ese archivo, aceptas y decide en qué carpeta de tu pc se va a guardar.

El archivo estará en formato ZIP. Tendrás que descomprimirlo.
Una vez abierto verás que hay varios archivos. Uno es el código que has de copiar y pegar en un gadget HTML.

Tendrás que abrirlo con el Bloc de notas ya que es el único programa que viene de serie con Windows que abre este tipo de archivos.

También verás unos archivos de imágenes. Todos tienen un nombre concreto.

Estas imágenes has de subirlas a tu servidor, y luego, una vez copiado el código en el gadget, antes o después de guardar, localizar las direcciones sin url real donde van a ir las de las imágenes.

Son las flechitas que indican que ese item es desplegable.

Colocas las url que le haya dado tu servidor, en los lugares correspondientes, (lo verás pues está el nombre de la imagen que va ahí) y ya está. Ya tienes tu menú con sub-menús y sub-sub-menus.

Widget de entradas más populares.

2009-10-30T18:09:00.004+01:00

Para colocar en tu blog un widget que muestre las entradas más populares entra en PostRank.

Lo primero que verás será ésto.

Pinchando en dissmiss te permitirá obtener el chisme sin registrarte, aunque mi consejo es que lo hagas, sobre todo por qué si tienes o piensas tener algún otro blog, solo podrás obtener uno para cada blog si te registras.

Para hacerlo pincha en este Join now y rellena los datos que te piden.

Una vez hecho esto ya podrás añadir tantos blogs como quieras.

Si te has ido de la página de tu perfil pincha en ese Settings que ves en azul en la lista de enlaces que hay al pie de la página y podrás volver a ella.

Lo primero es agregar tu/tus blogs al sitio. Para ello pincha en este Claim your blogs.

Se abrirá esta página. Escribe la dirección de tu blog en la casilla.
Una vez escrita pincha en esta Add que se ve junto a la dirección.

Verás que te sale un aviso de que el blog no está verificado. (Quizá te salga un recuadro rosa encima, si es así vuelve a escribir la url de tu blog y vuelve a darle a Add hasta que veas esto de Unverified).

Selecciona uno de los sistemas de verificación. Para mi gusto el mas sencillo es el de la imagen.

Al pincharla sale este código abajo. Selecciona (arrastrando el ratón por encima) y copia esta dirección.

Fíjate que debajo de la dirección te dicen que tendrás que quitarla en cuanto esté verificado y también esta el botón de Verify (Verificar) ya volveremos aquí enseguida.

Entra en tu blog, sin salir de la página de postrank (abre tu blog en otra ventana o pestaña) y añade un gadget HTML, pega la dirección y guarda.

No hace falta que lo cambies de sitio ni nada ya que como dicen, tendrás que eliminarlo en cuanto haya sido verificado.

Vuelve a la página de postrank y pincha en el botón de verificar que te he señalado antes.

Al momento verás que bajo la dirección de tu blog sale este verified.

A partir de este momento ya puedes ir a por el widget, o añadir otros blogs antes de hacerlo.

En cualquier caso, busca este enlace en la parte de abajo de la página

para volver a la página del principio.

Pon el ratón encima de Get widget y verás que se despliegan las opciones de plataformas de blogs.

Pincha en blogger,(si tienes tu blog aquí, claro está).

Se abrirá esta página para que escribas la dirección de tu blog.
Fíjate que hay una dirección escrita. Bórrala antes de poner la tuya.

Si has subido más de un blog y tus direcciones se parecen, al empezar a escribirla te saldrán las opciones posibles para que elijas la que desees.

Fijate en la muestra del widget que hay a la derecha, ya que allí se han de ver los títulos de tus entradas. Si no se vieran, o se vieran las de otro de tus blogs borra parte de la dirección y vuelve a ponerla. (Yo he logrado verlas al segundo intento. En el primero salian las de tuneando.)

Escoge el color y la cantidad de títulos que quieras que se vean.
A partir de aquí tienes dos opciones para añadirlo a tu blog.
La primera es pinchando en este botón de blogger.

Esto hará que se abra una página en la que te avisarán que se va a añadir un elemento a tu blog y si tienes más de uno te permitirá escoger en cual de ellos quieres añadirlo.

La segunda es copiar el código que hay debajo de los botones. Pinchando dentro del recuadro, con el botón derecho del ratón, podrás seleccionar todo el código a la vez.

Y una vez seleccionado vuelves a pinchar dentro con el botón derecho para Copiar.

Vuelve a tu blog y ponlo en un elemento HTML. En este caso puedes aprovechar el que habías usado antes para verificar. Borras el código que pusiste y pegas el del widget.

Guardas y así se verá en tu blog. (Con tus entradas, claro está).

Puedes añadir más blogs siempre que quieras, así que te recomendaría que guardaras en favoritos la página para poder acceder a ella siempre que te haga falta.

Si has elegido la opción de añadir desde el botón de blogger recuerda que ha de eliminar el gadget de verificación.

Poner un cursor personal

2009-01-05T13:19:00.003+01:00

A menudo me han preguntado como hacerlo.
Lo he visto en varios blogs, pero es algo que, personalmente, no me convence. Y no me gusta por dos motivos: 1.- Hace que la página tarde más en cargar. 2.- A menudo hace difícil saber donde estás pinchando exactamente.

De todas formas, como contra gustos no hay disputas, aquí está la forma de ponerlo en tu blog y donde conseguirlo. (O viceversa).

Lo primero que has de hacer es entrar en alguna página que te los ofrezca. Tras mucho buscar me he quedado con ésta, ya que es la que más cursores tiene y la más sencilla de usar.

Cuando entres verás mucha publicidad y quizá se te abra alguna ventana de esas que ningún cazador de pop-ups puede detener, pero a la izquierda verás un listado de temas muy extenso.

Si buscas un cursor animado, pincha directamente en Animated, ya que en este apartado están englobados todos los que se mueven.

Si buscas un cursor que no se mueva, pero de algún tema específico, pincha en la opción que mejor se adapte a tus gustos o necesidades.
Todos los títulos están en inglés, pero no te será difícil saber que dice cada uno, ¿verdad?, después de todo, al paso que vamos, o aprendemos todos algo de inglés, o nos va a ser difícil movernos en la red.

Una vez pinchado el tema que desees, verás un montón de cursores. Al final de la página verás cuantas páginas hay de ése tema en concreto.

Cuando encuentres el que te guste, pincha en su nombre.

Se abrirá una página para que copies el código. Y el cursor elegido se colocará en lugar del tuyo, lo que es muy cómodo, ya que te ayuda a darte cuenta de si funciona bien, si hace difícil pinchar en su sitio concreto, etc., ya que has de pinchar en la frase Click here...etc. que ves debajo.

Al hacerlo, es posible que te salga este aviso, para que permitas a la página acceder a tu porta objetos. (Lo ves en catalán por que es el idioma con el que me "habla" mi ordenador).

Al pinchar en aceptar, sale esta ventanita/mensaje, que te dice que ese código se ha copiado. Dale a Aceptar y no cierres la página donde está el código.

Entra en tu blog, si no lo habías hecho aún, y añade un gadget en cualquier sitio, ya sea en la sidebar, ya sea en el footer. (Yo lo he colocado en el footer, y mientras no haya otra entrada nueva podrás ver el logo que queda tras copiar el código y el cursor que he elegido. En cuanto haga otra entrada dejarás de verlo. Tampoco lo verás si has entrado aquí directamente desde el directorio de tutoriales, o desde cualquier otro sitio, ya que le he dado orden de que se vea solo en la página principal. pero éste es otro tema que puedes encontrar aquí).

Sigamos con el cursor.
Añade un gadget HTML/Javascript y pega en él el código que se habrá copiado.
Si vieras que no se pega, sin cerrar la ventanita del gadget, vuelve a la página de los cursores y vuelve a copiarlo. Ahora si que se pegará.

Guarda el gadget y ya podrás ver el blog y el cursor, aunque tardará un poco en cargarse, ya que el código es un enlace directo a la página.
Por ese motivo, ten en cuenta que el día que la página falle no se verá el cursor.

Por otro lado, si lo que quieres es tener un cursor divertido para tu uso personal, sin necesidad de cargar el blog de cosas, y evitar que haya a quien le moleste ese invento, puedes descargarte una aplicación que hace que tu veas un cursor diferente, pero el resto de mortales no.

En esta página, te ofrecen una colección de cursores, a cual más simpático, que cambias a tu antojo con solo pinchar el que quieras usar.
Si los descargas se añadirá un botón en la barra del navegador. Cuando pinches en ese botón, verás la colección entera y al pinchar en uno ése se colocará en lugar de tu flecha blanca, con la ventaja que podrás verlo incluso cuando no estés en internet.

La única pega de este sistema, es que algunos antivirus no lo admiten, ya que te obliga a descargarte una barra llamada My Web Search, sin la cual los cursores no se ven.
El mio, por ejemplo, me obligó a quitarlo pues le provocaba un malfuncionamiento.
Y entre tener un cursor diferente, o un buen antivirus, me quedé con ésto último; por eso no puedo mostrarte la imagen que se vería en la barra del navegador, aunque puedes verla en la propia página de Cursormanía.
De todas formas, si puedo mostrarte como era mi cursor personal antes de quitar la aplicación.

Ese grupito de flechas de colores, era mi cursor. Se movía y coleaba.

Poner un contador de visitas

2009-01-04T12:43:00.003+01:00

A menudo me han llegado consultas referentes a este tema.
Hasta ahora no lo había explicado pues me parecía algo que no precisaba un tutorial, por lo sencillo que resulta, teniendo en cuenta, además, que la página que uso está en castellano, y que puedes acceder a ella pinchando en cualquiera de mis contadores, pero no pensé en las personas que están empezando en ésto de los blogs, y tendría que haberme acordado de la primera vez que yo misma intenté poner uno,
Así que entono un Mea culpa, me disculpo con quienes hayan entrado alguna vez en alguno de mis blogs en busca de esta información tan básica y aquí esta cómo hacerlo.

Voy a explicar como poner uno de Histats, que es el que podeis ver en este y en todos mis blogs, por ser, a mi modo de ver, aparte de los más sencillos de usar, los que menos problemas dan de incompatibilidad con otros sistemas de estadísticas que puedas usar o que tenga el propio blog, como los seguidores u otras cosas.

Así que ¡vamos allá!

Para empezar entras Aquí
Este es el encabezado de la página.

Verás una página para registrar tu blog. Pones la dirección, escoges el idioma pinchando en la flechita, (sale italiano por defecto) y le das a register.

Eso te abre la página para registrarte.
Rellena los datos que te piden, escoge la zona horaria, desplegando la flecha, el tipo de página, etc. y dale a continuar.

Se abrirá esta página para que escojas qué modelo de contador quieres.
Pincha en una de las categorías para ver todos los modelos que hay en ella.

Si pones el ratón encima de un modelo verás como funciona

Así podrás ver si hay algo en él que se mueva o no.
Por ejemplo en éste, le sale eso de histats por abajo cada dos por tres, lo que lo hace un poco molesto para mi gusto.

Cuando encuentres el que mejor se adapte al estilo de tu blog, pincha en la redondita que tiene debajo y dale a Continuar.

Te saldrá esta información. Es el orden en que se ven los datos. Puedes probar a cambiarlos, aunque no es relevante. Yo suelo aceptar el orden que me dan.

Te dirán que esperes unos segundos mientras actualizan sus datos.

Y enseguida verás esto. Es el código que has de copiar en tu blog.
Abajo verás el contador cargando.

Pincha en el recuadro, con el botón derecho del ratón y las letras se seleccionarán solas. También saldrá el menú para copiar, de forma automática. Pincha en Copiar y no cierres la página, por si acaso.

Abre tu blog en otra ventana o pestaña y en Diseño pincha en Añadir un gadget.

En la ventana de opciones, escoje Html/Javascript.

Pega el código en el recuadro blanco y, si quieres, ponle un título.
Si no se pegara, vuelve a la página del contador, que te había dicho que no cerraras, y vuelve a copiarlo.
No pasa nada, a veces al abrir otra página se borra de la memoria del ratón lo copiado.

Cuando le des a Guardar, se colocará arriba de todo de la columna lateral de tu blog. Puedes cambiarlo de sitio pinchando el gadget y, sin soltarlo, arrastrándolo hacia el sitio que quieras. Suéltalo cuando llegues.

Si lo has movido de sitio, dale a Guardar, que verás arriba de todo de la página y una vez te diga que los cambios se han guardado dale a Ver blog.

Lo verás así en la columna lateral.

Como ves no está centrado. ¿Quieres centrarlo?. Vuelve a abrir el gadget, o dale a las herramientas, para editarlo y escribe eso que ves subrayado al principio y al final del código, con <> incluidos.

Y cuando le hayas dado a Guardar y vuelvas al blog, lo verás así.

Centrado en la columna.

Y esto es todo.
Imagino que en otros sitios el sistema es muy parecido. Yo utilizo éste en todos mis blogs por lo cómodo que me resulta, ya que si hago un blog nuevo y quiero ponerle un contador, me basta con entrar con mi dirección y contraseña para añadir un blog a la lista.

¡Ah!, por cierto, esa dirección que veis en la imagen no es la que uso para responder ni para nada, así que no mandeis mensajes ahí, pues no os contestaré.
Para cualquier consulta escribid a la que uso siempre: laeulalia@gmail.com

El bloc de notas de windows

2008-12-29T09:15:00.003+01:00

Esta aplicación resula muy útil para quienes modificamos a menudo los códigos del blog, o la propia plantilla, pues permite copiar los códigos que necesitamos, e incluso modificarlos, y guardarlos sin problema, con el nombre que deseemos darle.

Para empezar a usarlo búscalo en inicio/Todos los programas.

Cuando se abra la lista de programas que tienes en el ordenador, busca Accesorios.

Como ves al lado tiene una flechita. Eso demuestra que hay más cosas. Pincha o pone el ratón encima, (depende de si abres las cosas con uno o dos clicks, creo, ya que yo las abro con un solo click y me aparecen sin pinchar), para acceder a los otros programas.
Allí verás este icono y al lado pondrá Bloc de notas, si lo tienes en castellano, o este Llibreta si lo tienes en catalán.

Si vas a usarlo a menudo te recomendaría que lo enviases al escritorio para acceder más facilmente a él. Pincha en la barra azul con el botón derecho del ratón para que se abra el menú y pincha o pon el ratón encima de Envia a para que se abra el submenú.
Luego pincha en Escritorio. (En castellano pone Crea un acceso directo).

Y auntomáticamente verás este icono en tu escritorio.

Cuando vayas a usarlo, simplemente pínchalo para que se abra.
Se abre una ventana con una página en blanco. Pega o copia manualmente en esa ventana lo que quieras guardar, (también puedes escribir en ella) y cuando vayas a guardarlo dale a Archivo y pincha en Guardar como...(en catalán Anomena i desa...)

Se abrirá esta ventana para que elijas donde guardarlo. Por defecto lo hace en tus documentos.

En la parte de abajo de la ventana verás estas casillas.
Borra eso que ves en azul y ponle el título que desees...

...escribiéndolo en la casilla correspondiente. Dale a Guardar.

Entra en tus documentos, o donde le hayas dicho que lo guarde y allí verás esto, si tienes la vista en miniatura seleccionada.

Si no es así verás el título y los datos que habitualmente te muestre de otros archivos.

Si le das a cerrar antes de guardarlo te saldrá esta ventana de aviso.

Si quieres guardarlo dale a Si y se abrirá la ventana que te he dicho antes para que le pongas título y lo guardes.

Sky Drive

2008-11-09T12:45:00.006+01:00

Este servicio es una porquería, por no decir algo más gordo. Cada dos por tres le cambian la URL a los archivos que se alojan allí, con lo que si lo has usado, o pensabas hacerlo, para subir algún script o cosas similares que hayan de hacerte un servicio permanente en el blog, NO LO UTILICES, ya que de repente un dia dejará de funcionar y tendrás que volver a entrar en SkyDrive, copiar la nueva URL y modificar la anterior.

A mi me dieron por donde nos sentamos con las plantillas de Ideas, que las había alojado allí, pensando que google pages iba a dejar de funcionar y hace poco empecé a recibir quejas que decían que no se las podían descargar. ¡Como iban a poder si la URL había cambiado!

De todas formas dejo las instrucciones por si deseas usarlo a título personal.

Si tienes una cuenta de Hotmail, Live mail, o Msn, o sea, si tienes un Windows Live ID, si usas Msn messenger, o cualquiera de los servicios Live de Microsoft, tienes acceso a SkyDrive.

Si no es así, es tan sencillo como crear una cuenta de estas para poder usarlo.

Ya dispongo de un par de esas cuentas, pero voy a imaginar que no es así y a crear una para demostraros como funciona.

En primer lugar pinchas en este enlace.

Esto te abre una página en la que verás este botón.

Al pinchar en él, se te abrirá una página para efectuar tu registro.
Pones tus datos, etc. y le das a Aceptar.

Puedes registrarte incluso con una dirección de gmail, o de cualquier otro sitio. La dirección y la contraseña que pongas, serán las que te permitan iniciar sesión en SkyDrive y tener acceso a todos los servicios Windows Live.

Una vez creada la cuenta, te enviarán un mail de confirmación. Sigue las instrucciones y confirma que no eres una máquina. A partir de ese momento ya dispones, oficialmente, de una cuenta.

Pinchando en el botón de Ir a la cuenta,

aparecerás en la página principal.

Si dispones de más cuentas, pero por algún motivo has creado otra, como en mi caso, puedes vincularlas, así podrás entrar en cualquiera de ellas sin tener que andar entrando y saliendo.
Pinchando en ese Vincular,

aparecerás en esta página donde hacerlo.

Al pinchar en Vincular volverás a tu página.
Pinchando en esta flecha, de la barra de navegación,

podrás cambiar de ID con facilidad.

A través de la barra de navegación, también podrás acceder a otros servicios.

Vamos a la página principal.

Aquí está el acceso a todos los productos y servicios de que dispones.
Vamos a SKYDrive.

En esta página ya puedes empezar a crear carpetas y subir archivos. (Te recomiendo que la guardes en Favoritos).

Como ves hay dos tipos de carpetas, aparte de las privadas, las compartidas, a las que solo podrán acceder tus amigos a los que eliges poniendo sus direcciones aquí...

y las públicas, a las que puede acceder cualquiera en Internet...

si bien, en ambos casos, puedes modificar el status de una carpeta y pasarla de un grupo a otro marcando la opción que desees.
Por cierto: Si las compartes, tus amigos podrán modificarlas.

Una vez decidido si tu carpeta será pública o no, le asignas un nombre y le das a Crear carpeta.
Esto te abrirá esta ventana en la que ya podrás subir archivos.

Dándole al botón Examinar, al igual que hacemos aquí para poner imágenes en las entradas, se abrirá una ventana a tu ordenador para localizar el archivo que quieres subir.
Puedes subir varios a la vez.

Cuando hayas terminado de escogerlos, le das a Cargar. Saldrá una pelotita dando botes para que te distraigas mientras esperas.
Aunque lo mejor, si has cargado archivos muy grandes o pesados, es que te tomes un café, una birra, o lo que prefieras.
De todas formas es bastante rápido.

Una vez acabada la subida, se abrirá esta página, donde podrás ver tus archivos

y, a través de la barra de navegación, añadir más archivos, crear nuevas carpetas, etc.

Y ahora viene lo complicado de este asunto. Como acceder a las direcciones de estos archivos.

Si se trata de un archivo de imagen, como en este caso...

pinchando en el nombre que sale arriba en pequeño, se abrirá el archivo...

y pinchando en la imagen, esta se abrirá sola, con su dirección arriba, en la barra del navegador...

desde donde podrás copiarla, pinchándola con el botón derecho del ratón, así.

Otra cuestión son los archivos que terminan en .swf o .js
Estos no se abren.
De entrada, te sale este aviso...

al que, por supuesto no hay que hacer caso.
Pero en este caso ¿como acceder su dirección?
Es muy sencillo.
Pinchas en Descargar con el botón derecho del ratón...

Pinchas luego en Propiedades, de ese menú para que se abra esta ventana...

y ahí seleccionas la dirección y la copias.

Fíjate que no la he seleccionado entera. Al final hay un ?download que no se ha de copiar, de lo contrario el archivo no funcionaría.

Bien. Todo esto, como quizá hayas notado, lo he hecho con Firefox.
¿Se hace igual en Explorer?
Vamos a verlo. Empecemos con las rosas.

Pincho en la imagen y, al igual que antes, se abre la imagen con su dirección. Voy a copiarla y pegarla aquí.

Y como ves funciona a la perfección.

Ahora vamos a ver el archivo peel.
También me sale el aviso de que es peligroso descargarlo, lo pincho con el botón derecho del ratón y también se abre Propiedades, de donde puedo copiar la dirección, aunque esta vez no sale eso de ?download.
¿Será la misma dirección?
Vamos a comprobarlo.
Copiaré la que me ha salido en Explorer, en el blog de notas y ya veo, antes de copiar la otra que ésta no es la dirección que tendría que poner en el blog, si quisiera usar este archivo para hacer el truco.
Fíjate. Esta es la dirección que sale en Propiedades, con Explorer:

http://cid-d0eea0956e6a54c8.skydrive.live.com/self.aspx/Archivos%20Peel/peel.js

y esta la dirección real del archivo, usando Firefox, con el ?download incluido

http://vcquog.bay.livefilestore.com/y1pqYCodZNvbbz7uv7QBG4RxnbHoA3-rGRyw5lRZPRe0BoID377SIhZlV4OxM8TjjRl6mUTepXCJVU/peel.js?download

la diferencia es notoria.

Entonces, ¿como acceder a la dirección real con Explorer?
Si lo pinchas, lo único que logras es que salga la ventana de Ejecutar y si pinchas dice que no puede ejecutarlo.

He probado con un template de los que tengo añadidos a la cuenta que ya tenía y el caso es el mismo, aunque este si que puedo abrirlo, pero no acceder a su dirección real.
¿Que hacer, pues?

Pues mi recomendación, si vas a usar este sistema de almacenamiento, y quieres guardar en él archivos de este tipo, es que utilices Firefox para acceder a sus direcciones.
Si todavía no dispones de este navegador, en este enlace podrás descargártelo.

Después de todo, si sueles tunear la plantilla de tu blog, es imprescindible usarlo, ya que no siempre los cambios se ven igual en uno y otro.

Nota final:

Si ya tienes la cuenta de Windows Live, pero no dispones de un space, o no sabes como entrar en SkyDrive, el enlace del principio te da acceso a tu cuenta. A partir de ahí, los pasos son muy similares, solo que no necesitarás crearla.

Presentaciones en el blog --Picturetrail--

2008-08-18T23:55:00.010+02:00

Este es otro sistema para poner una presentación de imágenes en el blog, que van pasando de forma más amena que las de blogger.
Tiene además varias ventajas añadidas: Las imágenes se ven más grandes, puedes juntar las de varios álbumes y personalizar la manera en que se van a ver.

Se trata de Picturetrail.

Para crear una presentación a través de esta web, primero has de subir las imágenes y crear un álbum, pero antes, como es lógico, tendrás que registrarte.

(Hace tiempo que lo hice, así que no puedo ponerte imágenes de este paso, pero, bueno, es como en todos los sitios, nombre, contraseña, email, etc.)

Una vez registrado, al acceder a la web verás una página en la que arriba a la derecha estará tu nombre.
No recuerdo si en cuanto te registras te sale primero la página donde está tu primer álbum. Si es este el caso, lo verás así.

Como ves, te dicen que no hay fotos en el álbum, que pinches en Upload pix, que es uno de los botones que habrá en la nueva barra de opciones.
Al hacerlo se abrirá una página con este recuadro.

Pinchando en Browse se abre la ventana a tu pc para que elijas las imágenes.
Una vez que se ha colocado la primera allí, puedes seguir añadiendo tantas como quieras.
Como ves hay dos botones desactivados, Remove y Next.
Next se activará en cuanto haya un título allí, Remove lo hará si pinchas en el título de la imagen que hay en el recuadro.

Sirve para eliminar alguna foto, antes de subirla, caso de que te hayas equivocado.

Una vez hayas colocado ahí todas las imágenes que quieras le das a Next y verás que cargan.

Es bastante rápido, aunque depende del tipo de conexión que tengas y del peso de las imágenes.
En cuanto han acabado de subir verás esto en la pantalla.

Si es tu primer álbum, solo verás ahí My álbum que es el título que ellos le han dado; si ya has subido alguno, podrás elegir donde quieres que se coloquen.
Fíjate que pese a haber varios, sigue habiendo un My album.
Eso es porqué cada vez que llenas uno, automáticamente te preparan otro.
Cuando han acabado de cargarse en el álbum sale esto.

Pincha en Managed Uploaded fotos.

Las verás así, pero arriba pondrá My album. Pincha en Edit Album y se abrirá esta página para que le cambies el nombre, le pongas una descripción etc. Dale a Update cuando termines para que se guarden los datos.

Si en lugar de lo que te he explicado lo primero que te saliera fuera esto:

Editalo y guarda los datos y luego sigue con el proceso de subida de imágenes a través del botón como te he explicado. La única diferencia es que al acabar de subir y decirle donde las quieres, ya no tendrás que editarlo.

Una vez las fotos en el álbum, vamos a preparar la presentación. Pincha en Presentaciones o Slideshows, depende de como salga, (ten en cuenta que en principio la página está en inglés, aunque hay algunos pasos y detalles que están traducidos), para ir a para a esta página.

Pincha en Añadir fotos y debajo se abrirá una zona para que puedas elegir desde que álbum las quieres subir, aunque solo haya uno.

En la página verás las fotos que hayas subido. Pinchándolas las seleccionas. (Puedes no seleccionar todas las del álbum, e incluso, como he dicho juntar de dos o más álbumes en una misma presentación.
Cuando pinchas en una foto ésta cambia de fondo. En cuanto termines de seleccionarlas pincha en Añadir.

Si no las ves todas, encima de las imágenes verás un anteriores y siguientes, para ver las demás. (En esta toma no se ve, ya que sólo había 3 fotos en este álbum).

En cuanto le das a Añadir, la página recargará y ya las verás en la pantalla.
También se habrá activado el botón de Personalizar la película, e incluso el de Guardar y obtener el código, pero hasta que no pinches en alguno, no desaparecen las fotos de ahí, para que puedas añadir alguna desde otro álbum.

La fotos elegidas se colocan debajo de la zona de selección, para que puedas reorganizar, arrastrándolas, el orden en que se verán.

Una vez completada esta fase, pincha en Personalizar.
Debajo de la pantalla de la presentación verás todas las opciones de personalización.

Lo que está en funcionamiento (selecionado) es lo que está enmarcado en naranja.

Alguna de esas opciones, como la pantalla de plasma, si la eliges tras haber seleccionado las fotos, puede que te obliguen a elegirlas de nuevo. (Me ha sucedido y no se si ha sido un lapsus del programa, o es que este modelo está tonto)

Algunas se activarán dependiendo del modelo que elijas, otras son fijas.
Si no quieres que haya algo, pincha en None. También puedes elegir la medida, lo que es muy práctico si lo vas a poner en la sidebar, como puedes ver en mis ejemplos, ya que he hecho la misma en dos medidas L para la entrada y S para la sidebar, (no me he atrevido a modificar la grande, por si realmente se actualiza), aunque como puedes comprobar, incluso la más pequeña es demasiado grande para una sidebar.
En algunos casos hay más modelos que puedes ver pinchando en More.

Si las imágenes son de un solo álbum y quieres reorganizarlo antes de empezar, pincha en Manage photos para que se abra esta página, donde podrás cambiar el orden en que se verán.

Una vez terminada la presentación y elegido todo lo elegible, pincha en Guardar y verás esta página donde te dicen que le pongas un título a la película, ya que el que se ve es el nombre del modelo que has elegido y donde, una vez hecho, pincharás para obtener el código.

A la derecha verás esto

El gatito te cuenta que si una vez publicada la película, le añades fotos, se actualizará sola, sin necesidad de volver a colocar el código. Y es cierto. Al final de la entrada te explico como hacerlo.

De todas formas, al pinchar en Guardar este es el código que te darán. Puedes pegarlo en una entrada o en un elemento HTML/Javascript.

Pinchando en el botón verás durante un segundo que ahí pone Copied to clipboard.
Significa que no hace falta que selecciones y copies. Está a punto de pegar.

Si lo pegas en una entrada, no verás la película mientras la redactas, solo verás los dos botoncitos de propaganda.

Una cosa más que puedes hacer es obtener la URL de una imagen.
Pinchando en Image URL's se abrirá una página donde estarán tus imágenes con todas las direcciones que puedas necesitar.

También en Manage photos

puedes editar la página donde se ven todos los álbumes que tengas, para cambiarles la foto de la portada, el marco de la foto, etc.

Este es un álbum al que he subido unas fotos de Anne Geddes, por error.

Como no es el tema del álbum, le cambio la imagen de la portada y el marco para que se vea así.

Si cambias la foto sale un Preview para que veas como queda. Si te gusta dale a Done.
Si le cambias el marco, aparte de que saldrán unos cuantos para ponerle, como al pinchar en uno se coloca de forma automática, cuando veas el que te gusta has de darle a Save para que se guarde.

Bueno, eso es lo principal que pienso que has de saber de este tema.
Recuerda que los botones están para pincharlos y averiguar para que sirven.
No temas equivocarte, pero sobre todo, si has hecho alguna presentación no cambies las imágenes de álbum, o no se verán.

Un par de cosas más:

Una vez que hayas hecho alguna película, como lo llaman ellos, cada vez que entres junto a tu nombre verás Mis películas guardadas.

Pinchando en este enlace, puedes editarlas, añadirles o quitarles fotos, cambiarles el nombre, modificar la forma en que has montado la presentación, etc.

Y aunque digan que se actualiza solo, yo que tu volvería a copiar el código, por si las moscas.

Este botón también te sirve para obtener el código si pasara algo, un elemento eliminado por error, una entrada suprimida, etc.

Y aquí te dejo la que he hecho para hacer este tutorial.

Por cierto, no he descubierto como centrarla. He intentado todos los sistemas que conozco y no ha habido forma.

Y aquí va otra que acabo de hacer.

Este montaje lo hice hace unos días. Hoy lo he actualizado, añadiendo dos fotos y, tal como dicen, el montaje se ha actualizado solo aquí sin necesidad de modificar el código.

Tan solo he tenido que entrar en Picturetrail y subir las fotos, tal como hice al principio, escogiendo en qué álbum quería añadirlas.

Luego he pinchado en Slideshows y en My Flicks, que es un enlace que hay justo debajo, cuando se abre la página de montar los Slides.

Me ha salido la lista de montajes que tengo guardados. He pinchado en Edit, junto a éste, y he añadido las fotos.

Luego he pinchado en Save and Get Code y me ha salido el aviso de que no era necesario modificarlo, siempre que el montaje estuviera activo en mi blog.

El widget del cumpleaños de tu blog

2008-08-14T00:12:00.007+02:00

Hoy me ha dado por hacerme mi propio widget en SpringWidgets.

Hace unos días coloqué en Tuneando el blog un chisme de estos, pero no me convencía, así que aprovechando que ayer vi que esta página disponía de widgets para todo, hoy he ido a ver si había alguno para esto.

No he visto ninguno que específicamente hablara de este tema, pero he visto que podía crearme el mio propio, y no solo eso, sinó que además podía dejarlo para que otros pudieran aprovecharlo.

Y eso es lo que he hecho.
He creado mi propio widget y lo he pubicado con un nombre que dice claramente para qué es.

Después de colocado en Tuneando he hecho una entrada explicando que iba a hacer otro, pero con mis propias imágenes, pues aquel lo he hecho con las que ellos nos ofrecen y que ya dejaría el tutorial.

Pues aquí está.

Para empezar, si quieres poner en tu blog algo parecido, entra en esta página y si no ves este widget enseguida,

pincha en blog, blogs o countdown, de la nube de etiquetas y te lo mostrará.

Verás dos parecidos. El otro es el que hay en Tu blog y tu, ya con una imagen propia, que he hecho para probar como se hacía, antes de preparar las imágenes de esta entrada.

Pinchando en la imagen del pastelito irás a otra página donde veras esto

pincha en Customice para que se abran las opciones.
Que son estas:

Vamos a verlas una por una.

Event title es el título del evento.

Si esta frase no te sirve, o quieres que se vea otra cosa, cámbiala. Una vez cambiada pincha fuera del recuadro y en el pastel verás lo que hayas puesto.
En el pastelito de la imagen, que es el de su librería, el título que le des al widget se verá.
Si la imagen la subes tu, no.

Lo siguiente es la fecha del cumpleaños.

Si el blog lo has empezado este año, como éste, has de poner el año próximo.
La hora puedes verla en la primera entrada que hiciste. Pinchas en Editar entradas, pinchas en la última de la lista, que fue la primera que publicaste oficialmente y pincha en Opciones de entrada para ver a que hora se supone que se dio por inaugurado el blog.

En Style puedes escoger entre algunos modelos de contador.

A mi me gusta el modern.

En Theme puedes cambiar la imagen, pero no hay ninguna más que haga referencia a un cumpleaños.

O puedes subir tu propia imagen.
Y esto es lo que voy a explicarte. Pincha en Upload Image.

Si pinchas en Examinar se abre la consabida ventana a tu pc para que la escojas.
Pincha en Upload y al poco la verás allí arriba

Pero es muy posible que no la veas entera.
El problema está en estos datos que hay al principio de las opciones,

que dicen que el widget mide 167 píxels de ancho y 135 de alto.

Mira cuanto mide la imagen que has subido y cambia esos datos.

La mía, como ves, medía 244 x 272.Al cambiarle estas medidas ha pasado a verse así

Pero ahí hay algo raro ¿no?. En la otra imagen el contador se veia centrado y abajo.
Eso se arregla a través de estas casillas, que salen debajo de la opción de subir una imagen.

Al principio hay un 0 en las dos.
Cambiando la de la X el contador se desplaza hacia la izquierda.
Ves aumentando o rebajando hasta que lo veas más o menos centrado.

Luego varía la medida Y para que baje.

Y verás que se coloca más abajo.

Si te pasas, rebaja un poco la cifra.

Una vez acabado, y si ya la ves a tu gusto, ya puedes darle al botón Options, para que se vean los logotipos de los sitios donde puedes ponerla, pinhar en la B de blogger, etc. (En la entrada del widget de comentarios está la explicación detallada de este paso).

Una vez colocada en tu blog, puede ser que te des cuenta de que la imagen es demasiado grande.
El problema es que si intentas disminuir el tamaño del widget,

lo que hace es recortarte la imagen por la derecha, aunque lo hagas en el código que has añadido en el blog.
(He intentado todas las combinaciones posibles, por ver si alguna reducía la imagen entera, pero no.)

Así que mi consejo sería que antes de subir una imagen mires cuan ancha es tu sidebar.
Eso lo ves en el código, Diseño/Edición de HTML, buscas #sidebar-wrap o algo parecido y mira cuuanto pone en width. La imagen ha de ser algo más estrecha, ya que de la medida que veas has de restar algunos píxels que son la separación del elemento al borde y/o la separación del contenido al borde del elemento.
Por ponerte un ejemplo, esta sidebar de aquí mide 220 píxels. La imagen que he subido al final para que se vea entera mide sólo 205.
Hubiese podido darle 5 píxels más, pero no más de eso.

Una cosa más.
Esta imagen que ves en la sidebar es un gif que tiene movimiento.
Aquí la tienes

Cuando la he subido, lo primero que he notado es que no le ha conservado sus propiedades.

He esperado a colocarla, pues a veces no se ven algunas cosas mientras las estás editando, pero luego, ya colocadas en su sitio si se ven, pero no. No se movía.
He intentado subirla a través de la url y tampoco, así que he aprovechado para redimensionarla, sin preocuparme de que, al hacerlo, la copia las perdería.
Si las hubiese conservado, en lugar de eso hubiese colocado otra que cupiese en la sidebar.

El widget de los comentarios

2008-08-12T23:25:00.004+02:00

Esta tarde estaba leyendo la última entrada de Vagabundia y de repente han empezado a dispararse las alarmas en mi coco.
¡¡¡Los comentarios!!!
Porqué como él dice, este elemento que tenemos en el blog que nos muestra los últimos comentarios, no es más que otro script que, a diferencia de otros, no está en el código del blog, sinó que lo hemos colocado directamente en un elemento.

He salido disparada hacia Tuneando para ver como era ese script y, como me temía: el archivo que hace que funcione está en google pages.

¡Bueno!, he pensado, hago lo mismo que con el de expandir las entradas. Lo descargo, miro que no haya incluida ninguna otra dirección, (afortunadamente dispongo de un programa que me permite abrirlos), si la hay me lo descargo también, los subo a skydrive, (que es el que estoy usando de momento) y lo recoloco.

Pensado y hecho. He copiado la dirección en la barra del navegador y...¡tachan! NONES.

"Por no se que cojones este archivo no está disponible" (Evidentemente no decía esto, pero mi inglés no da para más).

¿Y que hago ahora?

Vale, si, podia esperar a ver si en algún momento puedo acceder al archivo, pero no me gusta esperar cuando se me mete algo en la perola.

Así que me puesto a buscar algún método para poder agregar los últimos comentarios a la sidebar y, como en aquel blog tengo el feed de los comentarios de feed burner, se me ha ocurrido pinchar a ver qué pasaba.

Lo que ha pasado es que además de ver todos los comentarios del blog, he visto un anuncio de un gadget para mostrarlos.

He pinchado y he ido a parar a SpringWidgets.

Me he registrado, aunque realmente no se si es obligatorio, pero ya lo tengo por costumbre, y me he montado el widget con el feed que me dio feed burner. (Puedes verlo en Tuneando el blog).

He pensado en explicaros como hacerlo, pero cuando iba a preparar las imágenes se me ha ocurrido una idea: ¿Se podrá hacer sin tener la url de los comentarios de feed burner?

Así que lo he probado con este blog.

En la sidebar podeis ver el resultado.

Y si quereis hacer lo mismo, aquí va la explicación.

En primer lugar entras en Spring Widgets. Si quieres probar si se puede hacer sin registrarse, tu mism@, como digo yo ya le había hecho y ha recordado la IP de mi ordenador, porqué ha sido entrar de nuevo y ver mi nick ahí.

Registrándote o no, en esa primera página pincha en Widget Gallery

En la página siguiente pincha en News Feeds de la lista que hay en la sidebar.

En la siguiente verás una nube de etiquetas. Pincha en feedburner.

Nueva página, al final de la cual verás este icono. Pínchalo.
(Sabiendo como se llama, igual puedes buscarlo de manera más rápida, pero yo te cuento como he llegado a él sin saberlo).

En la siguiente página ya verás el widget.

Y a su lado el botón para maquearlo. Pincha en Customize this widget y se abrirán estas opciones.

Escribe en el recuadro la dirección de tu blog, añadiendo al final eso que ves ahí: feeds/comments/default

Puedes elegir si se mostrará solo el título o más, y cuantas letras quieres que se vean, máximo, de cada comentario (yo lo he dejado en 200).
Si el comentario es más largo que la cantidad de caracteres que hayas seleccionado aparecerá un [+] al final para poder verlo entero.

Pinchando en el recuadro Border se abrirá esta paleta para que escojas el color del borde.
(No he visto por ningún lado que se pueda cambiar el color de las letras ni del enlace).

Una vez arreglado a tu gusto, (para ver los cambios has de pinchar en algún sitio en blanco de la página), verás como ha quedado.

Y si te gusta pincha en ese botoncito que pone Options, para que aparezcan los botones de las diversas opciones que tienes para ponerlo.
Pincha en la B de blogger.

Ahí te da la opción de agregarlo al blog directamente, poniendo la dirección con la que entras a tu blog y la contraseña.
Pero también puedes agregarlo tu mismo pinchando en Get Code.

Verás el código en la pantallita. Pincha en Copy.

No se copiará, como hacen otras aplicaciones, solo se seleccionará. Vuelve a pinchar. Verás que parpadea. Eso es que se ha copiado.

Luego solo has de entrar en tu blog, Diseño/ Añadir elemento/ HTMLJavascript y pegar el código allí.

A tener en cuenta:
Si quieres centrarlo, ponlo entre estos dos: <center></center>

Y si no estás segur@ de cuanto mide de ancho tu sidebar, y lo has dejado muy ancho o muy estrecho, puedes modificarle tu msim@ la medida en el código del elemento.

Busca las 3 veces que se ve la palabra Width, (usa el truco mágico, Ctrl + F), y modifica la cifra.

Un par de cosas más:
Acabo de publicar la entrada y he dejado un comentario para ver si se actualizaba al momento como el otro o no.
De momento, la respuesta es NO.
En el "antiguo" ha aparecido en cuanto ha recargado y ya me ha llegado el mail de aviso de que hay un nuevo comentario.
Veremos lo que tarda éste en enterarse.

Otra cosa que tiene distinta al anterior, es que en éste no se ve quien ha dejado el comentario, ni en qué entrada lo ha hecho, aunque si pinchas en el "título", que no son más que las primeras palabras del comentario en sí, se abre la página de la entrada en una ventana nueva.

Tiene su lógica este funcionamiento, ya que es exactamente lo que se ve si pinchas en algún lector de comentarios, ya sea feed de Feed Burner, ya sea a través del que podemos agregar ahora en un elemento, proporcionado por el propio blogger, y que te da la opción de recibirlos en tu lector, o de que se añada un elemento a tu página de igoogle, si la usas.

Presentaciones en el blog --Blogger--

2008-08-01T20:40:00.006+02:00

Podemos poner presentaciones de imágenes, de varias formas.

Voy a explicaros un par de ellas.

Empezaré por explicar la más sencilla, que es poner un elemento de página en la sidebar y dejar que blogger nos lo haga todo; aunque primero has de subir tus fotos a Picasa.

Una vez subidas, ya puedes añadir el elemento.
Diseño/Elementos de la página/Añadir elemento y eliges Presentación.

Marcas Album y pones tu nombre de usuario en la casilla correspondiente.

Pinchando en la flecha de Album, verás una lista de todos los álbumes que tengas en Picasa.

Seleccionas el que quieres mostrar y le das a Guardar.

NOTAS AL RESPECTO:

Para que se muestre, el álbum ha de ser público.
Es posible que tengas que poner la dirección de correo en lugar del nombre de usuario. (Como puedes ver en la imagen, para poner la presentación que hay aquí me ha bastado con poner el nombre de usuaria de esa cuenta, ya que está en la otra que tengo; sin embargo, he probado con los álbumes que tengo en la cuenta de este blog y ahí he tenido que poner la dirección de correo).
Si el álbum está en una cuenta diferente a la que has usado para acceder al blog, deberás enviarte a ti mismo, a dicha dirección, una invitación. Esto se hace pinchando en Mi galería pública y en Compartir Galería).

El principal defecto que le encuentro a este sistema, es que lo que muestra son las miniaturas de las imágenes, lo que hace que no se aprecien del todo, pero para según qué cosas es un buen sistema.

Esto en cuanto a blogger y Picasa.

P.S. Puedes ver el resultado de este sistema en la sidebar, abajo de todo.

La lluvia de dibujitos

2008-07-14T21:22:00.002+02:00

Esta entrada está también en Tuneando el blog, pero después de publicarla pensé que quedaba mejor aquí, ya que es algo que añades al blog, no un tema del propio blog o de la plantilla.

Por eso se me ha ocurrido copiarla tal cual está allí y añadirla a esta página.

Esta mañana, yoli me ha enviado un correo con un reto: Tenía un código para poner unas brujitas que iban cayendo por el blog, pero se quedaban a la mitad y desaparecían.

Nunca había visto ni tocado un código de esos, de manera que le he pedido tiempo para estudiármelo.

Esta noche, tras hacer un par de pruebas, he visto lo sencillo que es.

Es tan sencillo como aplicar un código marquee, como el que tengo en el elemento de la sidebar que hace que vaya subiendo el texto, a cada dibujito que vaya a verse.

Pero también le has de decir en que punto del blog va a salir cada uno, la velocidad a la que se va mover, la dirección del movimiento, el ancho del dibujo y, por supuesto, la dirección del dibujo.

La base del código es ésta:

<marquee behavior="scroll" direction="down" style="position:fixed; left:130px; top:10px; width:95px; height:848px;" scrollamount="3"><img src="http://eubabo.googlepages.com/pegaso.gif" "/></marquee>

que se repetirá tantas veces como dibujitos vayan a verse, variando algunos datos para que no formen una línea uniforme.

Vamos a analizarlo. La primera parte del código, la que está entre los dos primeros <> indica:

marquee es el tipo de código. Eso ha de estar al principio del código de todos los dibujos que van a verse.
behavior="scroll" el comportamiento tipo scroll. También es inamovible para todos.
direction si es down bajará si es up subirá. Si combinas ambos, algunos dibujos subirán y otros bajarán al mismo tiempo.
style= aquí le damos varios datos:
position:fixed; con esto le estamos diciendo que se quedará en su sitio, o sea que no se irá a la derecha ni a la izquierda, sinó que bajará o subirá por una línea imaginaria que es la que le decimos en el siguiente dato.
left:130px; o sea que este dibujo en concreto bajará por la línea que trazarías a 130 pixels de distancia de la izquierda del blog.

Aquí voy a hacer un inciso. En realidad no es la izquierda del blog, sinó de la pantalla.

Si ves el blog en una pantalla con una resolución de 800 píxels, o en una ventana que no ocupe toda la pantalla, caso de ser mayor, verás el primer dibujo a 130 pixels de distancia del marco de la ventana, lo que hará que lo veas, más o menos, al principio de la zona útil del blog.

Pero si lo ves en una pantalla grande, a toda pantalla, seguirás viéndolo a 130 píxels de distancia del marco de la pantalla, con lo que, como la zona útil del blog no se extenderá hacia allí, salvo que tengas una plantilla expresada en % totales, verás el primer dibujo en la zona del blog que no se usa.

Lo peor de esto es que el último dibujo, si, por ejemplo, le has dicho que aparezca en la linea de los 800 píxels, en pantallas de 1600 de resolución, con el blog abierto a toda pantalla, el último dibujo se verá a la mitad, con lo que la mitad derecha quedaría vacía.

¿Solución? Poner la mitad de los dibujos fijados respecto a la izquierda y la otra mitad fijados respecto a la derecha, desde esos más o menos 130 píxels hasta el máximo del ancho del blog, con lo que lograrás que se vean bien y ocupen toda la pantalla en todas las resoluciones en que se vean.

Sigamos.

top:10px; es el punto en que aparecerá el dibujo. Si pones una cifra mayor, aparecerá desde más abajo. Si en lugar de bajar va a subir será el punto por el que desaparecerá a menos que cambies el top por bottom.
width:95px; es el ancho que va a ocupar el dibujo. No puede ser menor que el del propio dibujo o no se vería entero. Si tu dibujo es más estrecho, ponle la medida que tenga. Aquí hay un 95 porqué es lo que mide el que he usado yo para la prueba.
height:848px; es la altura que va a tener el recorrido del dibujo. Si le pones un recorrido menor que la altura de la pantalla los dibujos desaparecerán a mitad de ella, como tragados por una grieta del blog. Si le pones una altura mayor que la resolución de la pantalla, no se verá este efecto y simplemente irán desapareciendo por abajo para reaparecer por arriba, o viceversa.
scrollamount="X" Es la velocidad. En la muestra del código hay un 3. Puedes poner cualquier número. Cuanto mayor sea, más rápidamente se moverán.

La segunda parte es la dirección de la imagen, con el img src=" para que se vea, y acaba con la orden de cierre /marquee.

Como montar tu propia lluvia de dibujitos.

Para que el efecto sea bonito, has de pensar en cuantos vas a poner y repartirlos por el blog, (recuerda la mitad desde la derecha, la mitad desde la izquierda), combinar las velocidades y no poner las distancias ordenadas, de lo contrario podrías producir un efecto demasiado simétrico.

Si quieres ver la prueba que he hecho, pincha aquí.

Verás que no he seguido mi propio consejo y las distancias y velocidades son símétricas, pero era la mejor forma de averiguar que significaba cada parte de ese código.

¡Ah! que casi se me olvida. Una vez montado has de pegarlo en un elemento HTML/Javascript y ponerlo donde quieras de tu blog, ya sea en la sidebar o en la zona de los posts, sin título.

Feedjit. Entérate del origen de tus visitas.

2008-07-07T19:59:00.004+02:00

Pues si, eso es lo que puedes hacer con este cacharrito. Averiguar desde donde han llegado tus visitas, pues además de decirte el país, ciudad y comunidad o estado, te dice desde donde han entrado en tu blog.

Fíjate en esta imagen.

Alguien ha entrado en mi blog desde Pinos Puente, en Andalucía.
Ha llegado directamente a una entrada, lo que me dice desde qué blog ha entrado, pues se quien me tiene enlazada a través de ella.
Y no solo me dice esto, sinó que desde ahí se ha ido a otro de mis blogs, ya que dice que ha dejado (left) la entrada via laeulalia-tictac3, ya que en esta entrada tengo un enlace a ese blog.

Otra cosa que te dice este invento es si han llegado a tu blog gracias a una búsqueda.
En esta imagen puedes ver que alguien, desde Badajoz, ha llegado desde google.es a la entrada Quitar el marco a las imágenes.
Y al poner el ratón encima de ese enlace a google, en la barra de abajo he visto qué buscaba exactamente.

Como puedes ver, buscaba la forma de quitar el marco al blog.

También sirve para saber si alguien te tiene enlazado.

En la imagen que sigue, puedes ver que alguien ha llegado a Tuneando, desde el blog "arriba las de los 50", que ya se que es el blog de nany, pero a veces he visto enlaces de estos que me han dejado sorprendida, pues ignoraba que en el blog que se mostraba hubiera un enlace al mio.

Así que si quieres poner uno de esos cacharritos en tu blog, solo has de pinchar en cualquiera de los que se ven en los blogs, o en este enlace, para aparecer en esta página:

Donde no hace falta registrarse ni nada.
Simplemente poner el invento a tu gusto y copiar el código que te darán.

Para personalizarlo has de pinchar en Customize it para que se abra este recuadro.

Aquí puedes optar por elegir un modelo de serie, pinchando en la flecha junto a Custom para que se abra ese menú con las opciones.

O personalizarlo totalmente paso a paso.
Pinchando en cada cuadrito de color se abrirá esta paleta para que escojas qué colores quieres que tenga tu feedjit.

Puedes elegirlo pinchando en los colores y en los matices o poniendo directamente el código en el recuadro de abajo.
Los colores cambian allí mismo, con lo que puedes ir viendo como queda.

¿Quieres que te cuente un truco?
Si entras en varias de las páginas de esta pseudo-web, (accedes a ellas desde los botones de la menubar), verás que todas son iguales, pero todas son distintas.
Tienen todas la misma plantilla y los mismos elementos, pero cada una tiene unos colores propios.
En cada una de ellas hay un feedjit, y si te fijas, verás que los colores que tiene cada uno son los del blog en el que está.

Para ello, cada vez que abro uno de estos blogs, en cuanto lo he configurado a mi gusto, entro en feedjit a por el chisme.
Abro al mismo tiempo el blog en Fuentes y colores, y voy copiando los códigos de color del blog en el recuadro del código de la paleta.
Así en Background, pongo el color del fondo del blog, en Links el de los enlaces, en Border el de los bordes, etc.
Esta combinación que ves aquí es la de este blog.

También puedes modificar el ancho. Fíjate que hay una barra abajo. Si mueves el botón la cantidad que se ve en el recuadro, y que son los píxels de ancho del chisme, cambiará.
Mira cuan ancha es tu sidebar, (en el código, Diseño/Edición de HTML, puedes verlo en el apartado #sidebar-wrapper, junto a width), y ponle unos 10 menos que el ancho de tu sidebar.
De todas formas, si te pasas o no llegas, puedes modificarlo tu mism@ en el código que pegarás.

Una vez lo tengas a tu gusto solo has de añadirlo. Pincha en Add it! y se desplegará esta ventanita con el código que has de copiar y pegar luego en un elemento HTML/Javascript.
También puedes optar por pinchar en el botón de blogger para que se añada solo.

Una vez añadido, guardado y colocado, mira como queda. Si has de modificar la medida, puedes hacerlo modificando un dato del código.
Busca esto &ww=205" y cambia ese número.

Otra cosa a tener en cuenta es que cada vez que entres en tu blog también lo detectará y te añadirá como visita.
Al principio, cuando aún está nuevecito está bien, pues así se llena un poco, pero cuando las visitas ya son muchas, cada visita tuya es una menos que ves.
Puedes remediarlo pinchando en Options>>, al final de todo, para que se abran estas opciones.
Pincha en Ignore my browser.
Se abrirá una ventanita que te advierte de que si eliminas las cookies de tu pc, tendrás que volver a hacerlo, y de que también tendrás que recordárselo si entras a través de un navegador disitinto. Dale a Aceptar y esta opción cambiará a Stop ignoring me, por si cambias de idea.

Si pinchas en Watch in Real Time verás una página con una lista detallada de tus visitas, que se actualiza en tiempo real, pero ¡cuidado! te advierten de que si entras a verlo desde distintos navegadores, puede ser que los datos no sean muy correctos.

Otros juguetes de esta página son el mapa de visitas, que puedes añadir, o consultar allí en directo, y estas dos guías para tus visitantes, a tus mejores contenidos.

La de la izquierda les dice que los visitantes de la página también han echado una ojeada a esas otras entradas y sigue un listado de ellas.

El otro indica las entradas más visitadas.

Si quieres añadir alguno de esos, o todos, también puedes personalizarlos a traves de Customize it.

Y al igual que con el otro, pinchando en Add it! se abrirá la ventanita con el código.

El cbox: un chat para el blog

2008-06-22T13:31:00.008+02:00

El cbox es este cacharrito tipo chat que nos permite dejar comentarios o saludos y que, si hay alguien más en la página al mismo tiempo permite una "conversación" inmediata.
Para agregarlo a tu blog, basta con pinchar en este enlace.
Si ya lo tienes, es suficiente con que pongas tu nombre de usuario y tu contraseña para acceder a él.

Si no tienes y quieres poner uno en tu blog, has de registrarte pinchando en esta frase

If you don't yet have a Cbox login, go ahead and create an account.

que verás en la página principal.

Al pinchar, como de costumbre te saldrá una página donde has de introducir tus datos.
Te enviarán un correo de autentificación, pero no es necesario esperar para empezar a configurarlo.

OBSERVACION: Desde que hice esta entrada han modificado un poco la página de cbox, pero básicamente las instrucciones son las mismas.

Ya que al pinchar en este botón de Create saldrá esta página donde te dicen que tu cbox ha sido creado. Pincha en continue.

En la siguiente página verás este código y unas instrucciones para añadirlo a blogger.
Básicamente te explican como ponerlo en un elemento HTML/Javascript.
Pincha en Copy to clipboard y ya podrás pegarlo.

Lo malo es que verás un cbox muy feo, de color gris.
¿Quieres personalizarlo? Pincha en Colors & Fonts del menú de la izquierda.

O en Control Panel, si no estuviera activado el menú, para que aparezca.

Y en Colors $ Fonts del menú.

Se abrirá una página donde verás el cbox y a su derecha una serie de datos.
Junto a cada uno hay un código de color.

Arriba a la derecha verás este enlace.

Pinchándolo se abrirá una ventana en la que verás unas barras de colorines.

Si pinchas en uno de los rectángulos de color de los más claros, los colores que se muestran se van aclarando.

De esta manera accedes a los diferentes tonos que hay de todos los colores.
En el rectángulo superior verás el que está seleccionado y su código.

Pero no es necesario que copies el código.
Al seleccionar el número de la casilla a modificar y pinchar en un color, este cambia automáticamente.
Puedes ir probando los colores hasta que veas el que te gusta, ya que cada vez que pinchas en uno el cbox de muestra cambia de color.
Cuando veas el que quieres, pincha en Apply. La página recargará y el cbox tendrá el color que hayas elegido.
Si no cambias a otra opción y vuelves a pinchar en un color, volverá a cambiar.

Una vez elegido y decidido el color de una sección, pasa a la siguiente y repites el proceso.

Eso es lo que cambia cada dato:
En el primer grupo, Post Frame, Main BG cambia el color de la entrada de abajo, Main text, el color del texto de esas entradas y Main date el color de la fecha.

A la derecha tienes los mismos cambios pero para la casilla superior.

En el segundo grupo, Form Frame, Fields BG cambia el color de fondo de los recuadros donde ponemos los datos personales al enviar un mensaje.

Button BG el color de fondo del botón de envio.

Form BG el fondo de la zona.

A la derecha tienes los datos de los textos. Field Text, los datos que escibimos, Button Text es este Go y Field Borders los bordes de los recuadros.

Recuerda ir dándole a Apply después de modificar cada zona.

Debajo del cbox tenemos algunos datos más.
Link (active) es el color del enlace al poner el ratón encima.

Link (normal) el color del enlace sin poner el ratón.

Border es el borde del cbox. Fíjate que hay un asterisco rojo junto a Border y a algunas cosas más.
Como explican allí mismo, si cambias los datos marcados con este asterisco, tendrás que cambiar el código de tu cbox.

También podemos personalizar el scroll (la barra que sube y baja para ver los mensajes anteriores), aunque ya advierten que solo se verán los cambios en Internet Explorer.
De todas formas vamos a personalizarlo.
Fíjate que antes de empezar no había ningún dato en estos recuadros.
Pinchamos dentro, como si fuéramos a escribir, y pinchamos en un color del Selector.
El código se colocará solo en el recuadro.

Cosas que se cambian:

Scroll BG cambia el color de todo a la vez.

Arrow cambia el color de las flechitas.

Track BG cambia el color de detrás de la barra.

Y Border le pone un borde a la barra y a los botones de las flechas.

Una vez hecho esto, si has modificado algín dato que precise de un nuevo código, o si has modificado el cbox antes de añadirlo al blog, pincha en Quick Setup del menú de la izquierda.

Se abrirá la página del código. que te he mostrado al principio, para que puedas copiarlo y pegarlo en tu blog.

También puedes modificar su anchura, ya que de serie es bastante estrecho y las sidebars suelen ser más anchas que él.
Pincha en Cbox Options.

Verás esta página con las medidas.
Width modifica el ancho, Height la altura y Form height la zona de los datos.
No parece haber ninguna diferencia entre dejar marcado o no eso de Auto.

Dale a Save. Saldrá eso de Changes Applied y si has modificado las medidas debajo un enlace al nuevo código. Pincha en here

Reinstala, si es necesario el cacharrito y ya está. Ya tienes un cbox personalizado en tu blog.

Otra cosa más. Yo tengo 3 cacharros de esos. Pero así como en la página de los contadores basta con añadir una nueva dirección URL a la cuenta que tengas, en cbox no he sabido ver si eso es así, aunque me parece que no. Un cbox, una cuenta. (Por eso en la imagen de login se ve laeulalia3).

Nota:

He colocado aquí el que había en Utilidades, para hacer una prueba.

He escrito aquí un mensaje y le he dado a Go. El mensaje ha salido.

Luego he escrito un mensaje en el de Utilidades y han aparecido allí los dos, el de aquí y el nuevo.

Lo que me demuestra que si tienes más de un blog, y copias el código del cbox en más de un blog y dejas o te dejan un mensaje en alguno de ellos, los verás en todos cuando respondas a alguien.

Editado: 29/06

Borrar un mensaje.

Hace unos días me encontré algunos mensajes/spam sobre una página porno.

Hoy he entrado en cbox, le he dado a Control Panel y a Messages.

Se ha abierto una página con los mensajes que hay hasta ahora y junto a cada uno una casilla.

He marcado la que habia junto al mensaje indeseado y le he dado a Delete.

El mensaje ha desaparecido.

Veo que hay un link para advertir de que eso es spam, así que la próxima vez lo probaré.

Presentación

2008-06-22T12:44:00.000+02:00

En este blog voy a dejar los tutoriales para mostrar como configurar o añadir algunos elementos externos al blog.