Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Icono de suscripción que cambia el color de fondo al pasar el cursor

Si te gusta ofrecer el contenido de tu blog a cualquier lector no hay nada mejor que insertar un botón de suscripción en la barra lateral.

Para fabricarlo utilizaré la técnica de los sprites (algo que aprenderemos a utilizar posteriormente), de manera que la imagen no tarde en cargar y el efecto al pasar el cursor por encima se muestre automáticamente.

Pasa el cursor por el siguiente botón:


Diseño>añadir gadget (elemento de página)>html-javascript






Pega este código:

<a href="URL DEL FEED"><div onmouseout="this.style.backgroundPosition='0px -42px';" style="margin: 11px auto; background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHVzywuuMX3DmwQ1IFOyj-3mvLf8ujkbPMvZjuWGMrIqWpmsonxf8CkSsS5qFYVuBj47iRo8vIhJ4Qp8L6FDKScaShjgeS006Wp_hHHUj2mfz_q_R0ALCe-QqwnRNC9LzExv2eoJKX2vg/s1600-r/blrss.png) no-repeat scroll 0px -42px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; cursor: pointer; height: 42px; width: 42px;" title="Clic para Suscribir" onmouseover="this.style.backgroundPosition='0px 0px';" align="center"></div></a>

Reemplaza URL DEL FEED por la dirección del feed de tu blog. En mi caso, como uso el servicio Feedburner, tengo esta URL:

http://feeds.feedburner.com/ElBalcnDeJaime

Guarda el gadget para terminar y obtendrás el bonito efecto del cambio de color.

Laube Leal dice...

Pues qué chulo... Me guardo la entrada.
Gracias Jaimeeeeeeeeee

Jaime Trujillo Escobedo dice...

¡Laube! me alegra mucho que te guste ;)

varech dice...

Bueno, pues también lo he puesto.
Gracias

Jaime Trujillo Escobedo dice...

Gracias a ti por comentar, varech. Te comento que no pude verlo :S.

varech dice...

Claro, porque al pincharlo me salía un mensaje de que no se encontraba esa página y lo he quitado, para ver si es que he puesto mal la dirección.
Ahora mismito voy.

varech dice...

Ahora ya lo ves. Es que una es un poco dura de coco y había puesto al comienzo de la URL www. en lugar de http:// y no se encontraba la página.
Muuuuuchas gracias una vez más.
Te voy a tener que mandar un jamón, por lo menos.jajajajaja......

Jaime Trujillo Escobedo dice...

Wooooooww varech, ¡te quedó fenomenal!

Gracias a ti por haber comentado. ¿Jamón? Cada uno de vuestros comentarios vale como unos varios de ellos :D.

¡Abrazos!

Julia Bloch dice...

Yo tengo una pequeña dudita... ¿Cómo sé cuál es mi url de suscripción? xq cuando hago click en el tuyo me paarce una pag medio extraña.

de todos modos, muy buenas entradas! Hacés q agregar cosas extrañas se vuelva menos extraño =D

Jaime Trujillo Escobedo dice...

Hola Inda! Bueno, tienes dos formas de añadir un enlace de suscripción al blog. El primero sería usando esta línea:

http://indachelepska.blogspot.com/feeds/posts/default

Mientras que la segunda opción requiere el uso de Feedburner.

Alex494 dice...

hola Jaime, quiero poner este elemento en mi blog pero no se cual es el feed. ¿como puedo hayarla?

Jaime Trujillo Escobedo dice...

Alex494, la dirección de tu feed por defecto sería:

http://eluntamermelada.blogspot.com/feeds/posts/default

Puedes registrarte en sitios como Feedburner para obtener estadísticas, entre otras ventajas.

Alex494 dice...

muchas gracias Jaime.

Jaime Trujillo Escobedo dice...

Gracias a ti, Alex494.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo