40

Imagen RSS con efecto "Rollover"

Alguien que no me ha dicho su nombre, me ha mandado el código por email de este icono RSS con efecto rollover.

Pasa el ratón sobre ella.



En realidad son dos imágenes, una en color y otra en blanco y negro, que usando un sencillo código hace posible el que al pasar el ratón sobre una de ellas se muestre la otra.

Podéis copiar y pegar el código donde queráis mostrar el icono, por ejemplo, en un gadget HTML en la sidebar y tan solo tendréis que colocar la url de vuestro feed donde está señalado.

<a href="url_de_tu_feed" onmouseover="RSS.src='http://2.bp.blogspot.com/_8PJ-pgoBhWQ/SfkFNAJa48I/AAAAAAAAGvs/_0Sbqpyg8z0/s320/RSScLaro.png'" onmouseout="RSS.src='http://1.bp.blogspot.com/_8PJ-pgoBhWQ/SfkFRLoVQXI/AAAAAAAAGv0/MaFCzGhD1Z8/s320/RSSOscuro.png'"><br /><img src="http://1.bp.blogspot.com/_8PJ-pgoBhWQ/SfkFRLoVQXI/AAAAAAAAGv0/MaFCzGhD1Z8/s320/RSSOscuro.png" name="RSS" border="0" /></a>

Y si queréis saber más sobre este curioso efecto y como hacerlo usando vuestras propias imágenes, en Vagabundia tenéis una entrada muy completa al respecto.

Entradas Relacionadas:

40 comentarios:


LokoGB

Genial :D aunque no solo la usare para la imagen del feed RSS, gracias nuevamente Rosa.

Charly Morlock

Muy bueno, muchas gracias

Francisco Bórquez

Veo que haz decidido poner adsense en el blog =)

Espero que también pongas una sección de trucos adsense.

LokoGB

Coíncido con @Francisco Bórquez y además podrías colocar un tutorial de como obtener uno. (como para mi :$)

Abadesa

Está chulisimo. Gracias ;)

jmd legnd

rosa gracias siempre grandes cosas ese codigo me servira de muchas formas (;) rosa 2s preguntas una como hago para que un gadget o gogle ads se vea solo en el label o pagina de inicio y no en la entrada completa y segundo como haces para que salga esto Estás en: Inicio Trucos imagenes Imagen RSS con efecto "Rollover" por fa gracias de antemano

Graciela

OHHH MI MAE, necesito el ícono que dá vuelta la cabecita!!!...estamos de ilusiones en ilusiones :D ...paso el ratoncito cambia de color, es mi vista araña o un sapo que me engaña ;) jajaja
Ya lo usaré Rosi, todavía no sé donde, pero lo usaré...biquiños como me dice una amiga!!!

Rosa

Graciela ¿biquiños?...tu amiga es gallega ¿a qué si? :D

Abadesa Si, a mi me encantó, parece que las lámparas del cartel se encendieran...

Charly Morlock ¡Gracias a ti!

LokoGB Siii, no es difícil entender el código, además Jmiur en Vagabundia lo explica genial.

Rosa

@Francisco Bórquez y @LokoGB Aún no tengo mucha idea de como va esto :S...no podría explicar mucho más que no fuese como obtener la cuenta...
Y eso no tiene más complicación que seguir las instrucciones en la pestaña "Monetize" del panel.

jmd legnd

rosa mira una pregunta se que no sabes mucho de ads pero cuanto ganas tu por clic por yo no se e tenido apenas 5 dias pero llevo 48 clic y tu crees que es posible que por esos clic no llege ni a un dolar si no a 0,35 dolares por fa si puedes ayudame o cualquier otra persona que sepa y vea el comentario y por cierto(;)no me has respondido al comentario de arriva

Rosa

jmd legnd Ni se nada, ni he ganado nada aún...hasta que no cobre lo que sea, yo no diría que nadie ha ganado nada...No se lo que se gana por clic, lo creas o no...hay muchos blogs que hablan sobre Adsense y llevan tiempo usándolo, pregunta a alguno d esos, yo ni idea.

Y por cierto, tienes suerte...yo lo he puesto el viernes y apenas me han hecho 20 clics :S

Lo que me preguntas arriba, para lo del gadget mira aquí:
http://elescaparatederosa.blogspot.com/2008/01/mostrar-un-widget-en-una-pgina.html

Y para lo otro aquí:
http://elescaparatederosa.blogspot.com/2007/05/breadcrums-siguiendo-el-rastro-del.html

Σ=o) Pau

Pusiste adsence en el blog :O oh! espero que te lleguen muchos click :D

En cuanto al efecto, me encantó!!!!!!!!! ^_^ ya veré en que parte lo pongo muchas gracias :)

Besotes ronroneados en mi abrazo! ^_^

Graciela

ROSI creo que sí, tengo un lío con el mapa de lenguas en España, euskera, gallego, andalúz, catalán :O jajaja...pero nos hemos entendido muy bien...has recibido mi correo, creo que te lo envié 2 veces...besos!!!

jmd legnd

rosa por fa ayuda urgente en mi blog no se ve las entradas entre para que tu veas que no se ven las entradas por ayuda y 2 en lo del gadget en una sola pagina hacer que se vea en la pagina principal y en todas las etiquetas

Global Metion Blog

Rosa sé que me vas a regañar, pero en serio lo he buscado es una entrada que tú hiciste sobre poner color a como poner color a una gadget de el sidebar osea digamos una nota en el sidebar que iba de amarillo para resaltarlas de las otras es que estoy haciendo una plantilla original para mi iglesia, pero quiero ese truco por favor ayuda.
Mil disculpas por molestarte tanto :P

jmd legnd

rosa ya esta solucionado pero mira hay una plantilla que voy a poner en mi blog es muy buena pero como hago para cambiar color de fondo y por las entradas

jmd legnd

y ya puse la plantilla pero los crips sean haci deslisante osea la parte de arriva donde estan las noticiaS NO SE VEA COMO CON UNA barrita de scrop y en la parte de popular archive recent ese efecto deslisante ve en esta pagina para que veas la diferencia de la mia por fa ayuda gracias de antemano

Óscar Pereiro

Hola Rosa.. es la primera vez que escribo y quería comentarte que me has servido de muchísima ayuda a la hora de diseñar mi blog (http://acuariorosa.blogspot.com/)

Quería preguntarte algo que no está relacionado con esta entrada, pero no sabía donde hacerlo.. :

¿Hay alguna posibilidad de contar el número de visitas de cada entrada e incluso a partir de ahí hacer un "ránking" de entradas más vistas?

muchísimas gracias y saludos

Rosa

Σ=o) Pau Si, ya ves, al final me decidí...cada vez me lleva más tiempo el atender el Escaparate y de dejar otras cosas de lado, así que he pensado que bien que me merecía un incentivo, aunque no creo que de esta me haga millonaria ni mucho menos ;)

Caruso

Rosa, una pregunta, ¿Cómo puedo poner la linea de emoticons como la que tu tienes? Ya he puesto los de yahoo pero son muy emos además de cutre. ¿Podrías ayudarme por favor? ¿Decirme donde descargar el script?

Muchas gracias de antemano. ^^

Rosa

Graciela A día de hoy no recibí nada tuyo :S y no tengo correo atrasado...
¿Lo has enviado a:?

lejaniaimposible@hotmail.com

Rosa

jmd legnd No estoy familiarizada con el diseño de esa plantilla...tendría que decargarla, subirla a un blog de pruebas, estudiar su código...demasiado tiempo del que ahora mismo casi no dispongo :S

¿Has tratado de preguntar en la web donde la descargaste o mirar los comentarios allí? no es la primera vez que me preguntan algo así y la solución está en la misma web de donde la descargaron.

Silverolus

Si estáis hartos del ruido en cualquiera de sus facetas, os invito a uniros a la campaña para blogueros "UNIDOS CONTRA EL RUIDO"; los interesados en manifestar su adhesión deberán visitar el blog "Silverolusplater" y seguir las indicaciones. Un saludo y gracias de antemano.

Rosa

Global Has tenido suerte ja,ja, y no voy a regañarte... si uno no se acuerda exactamente es difícil encontrar una entrada, así que un comentario mucho más...
Creo que es esto lo que dices ¿no?

Adrián

Es impresión mía o el icono esta un pelin doblado.
Salu2 Rosa, mil gracias

Rosa

Óscar Pereiro Que yo sepa no...lo más aproximado a eso que conozco son las "entradas populares" y el gadget se basa en los comentarios recibidos en cada post; a más comentarios, más popular.

http://elescaparatederosa.blogspot.com/2008/04/entradas-mas-populares-en-espaol.html

Rosa

@Adrián ¿Doblado? :O pues no se...supongo que está como "de lado" pero es así su diseño...

@Silverolus Gracias, lo miraré.

@Caruso Si te digo la verdad, ahora mismo no se de donde los saqué exactamente...tal vez de Vagabundia porque son igual que los de allí...mira allí a ver o pregunta a Jmiur directamente y si no me lo dices.

Francisco Bórquez™

Rosa, si me permites contestarle a jmd legnd lo haría con gusto (recuerdo que una vez me regañaste ;) )

jmd legnd lo que pasa es que la mayoría de tus clics son invalidos, ya sea porque hay usuarios que hacen clic compulsivamente o porque en una misma PC varias personas hacen clic. 48 clics son mas que suficientes como para lograr unos 4 dolares o más dependiendo de la temática de tu blog. Debes tener cuidado porque demasiados clics invalidos harían que te cancelen la cuenta :S

Rosa

Francisco ¡muchas gracias! :D Así me entero yo también, je,je.
Cuando yo ya he contestado y no lo he hecho bien o no he sabido contestar, estoy encantada de que me ayudes :P

Kebby Rodríguez G.

Hola Rosa, tengo un gran problema...
Cuando busco el siguiente feed http://eladventistahoy.blogspot.com/atom.xml me parece el feed de mi otro blog http://eladventistahoy-noticias.blogspot.com/feeds/posts/default?alt=rss
cómo puedo cambiar esto? Necesito feed pues hay aplicaciones que no alcanzo colocar sin feed... Gracias por ayudar... :D

Rosa

Kebby Por favor, deja de poner la misma consulta en varias entradas...te he contestado ya, ¿no miras las respuestas o qué? :0

Te decía que el problema es el guión del título, y que Gem@ Blog tenía el mismo problema, hasta que Jmiur de Vagabundia se lo arregló, no se como...pregúntale a él por favor, yo no se como ayudarte.

Chaladox

Muchasssss graciassssss te pasate funciona a la perfeccion

Cargohe

Rosa como le hago para que de un lado salga la imagen y al lado salga Feed (RSS) y Feed (Email), Así como lo tienes tu.

Rosa

Cargohe
http://elescaparatederosa.blogspot.com/2008/08/widget-para-tus-feeds.html

JMD2

como cambio el fondo de la imagen del rss?...blanco me queda mal

Rosa

JMD2Eso hay que hacerlo con un programa de dibujo o de diseño de imágenes.

Arahel

Rosa una pregunta....el efecto de iluminar que tienes actualmente en tus logos de feed, FB, Twitter y Youtube lo hiciste como explicas aquí con dos imagines o con el codigo de vagabundia:
a.demoArollOver22 {background: transparent url(URL_imagen) no-repeat left 50%; display: block; width: 32px; height: 32px;}
a.demoArollOver22:hover {filter: alpha(opacity=80); opacity: 0.80;}
Porque intenté tratar de usarlo para modificar mi logo de feed, pero no me doy idea de donde ubicarlo.

Rosa

Arahel Aquí puedes ver como lo hago...puro CSS:

http://elescaparatederosa.blogspot.com/2010/06/gadget-de-marcadores-sociales-en-la.html

Arahel

Rosita....sos una grosa, SABELO!

¡Sos la salvación de todos los noobs de blogger, se te agradece un montón!

Ya tenes un seguidor más que te va a molestar 1000 veces a la semana con preguntontas! Jajajajaja

Csi_yon

Siempre tenia curiosidad de como se hacia, muchas gracias Rosa

Publicar un comentario en la entrada

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S