Mil Trucos Blogger

Boton Subir con efecto de Opacidad y Desvanecimiento

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Empenzando porque no sabia que titulo darle a esta entrada,ya que como ven es un poco complejo explicar en un solo titulo el truco.
Basta de charlatanerias y vamos a la accion,ya hace unos meses que publique un truco del boton subir pero aquel boton se ubicaba en la parte inferior del blog y siempre era visible en cambio el de hoy se ubica en una parte superior (casi intermedia) pero solo se ve cuando el usuario empieza a bajar con la barra de desplazamiento y vuelve a desaparecer cuando regresa a la parte superior ademas de como dice el titulo el mencionado efecto de opacidad.


Para agregar este truco pega antes de ]]></b:skin> lo siguiente:

#topcontrol {top:20px;right:20px;}
#topcontrol img {opacity:0.5;}
#topcontrol img:hover {opacity:1;}

Ahora antes de </head> pega lo siguiente:

<script src='http://dl.dropbox.com/u/35784805/Mil%20Trucos%20Blogger/FLECHA.JS' type='text/javascript'></script>

Con el anterior paso estamos añadiendo el script para que se ejecute el truco. Ahora solo resta guardar los cambios y listo.

Puedes ver el resultado en el siguiente blog.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

13 Comentarios

  1. febrero 25, 2012    

    Hola me podrías decir como puedo ponerle este truco si uso de plataforma wordpress, o si sabes alguno para wordpress.
    Gracias
    Esta seria la web donde quiero colocarlo.
    http://www.the-genuine.com

    • febrero 26, 2012    

      Como te dije no tengo conocimientos en WordPress pero te dejo el link de cloudx de Ayuda Bloggers que el si sabe un poco mas de WordPress que yo.

      http://www.ayuda-bloggers.info/

  2. febrero 29, 2012    

    no me funciona hay q tener alguna versión de jquery o algo?

    • febrero 29, 2012    

      Oscar Herrera ha de ser un error temporal o problema de incompatibilidad con tu plantilla porque el script funciona muy bien,aca te dejo la URL de un blog donde instale el truco. http://www.argimcel.com.ar/

  3. marzo 4, 2012    

    olle una pregunta se puede poner la fecha en vez de arriba abajo es que no me gusta arriba constestarme ^^¿

  4. marzo 4, 2012    

    Expert Gamer,claro que se puede mira aca te dejo la URL de una entrada de Ciudad Blogger donde explican el mismo efecto pero en vez de situarse arriba el boton se situa abajo.

    http://ciudadblogger.com/2012/03/boton-ir-arriba-con-jquery-que-aparece.html

    Saludos Amigo.

  5. abril 1, 2012    

    Me gusta mucho, pero al hacer lo cambios no me aparece la flecha en el blog 🙁

    • abril 1, 2012    

      Zulianny voy a mirar cual es la falla ok.

  6. abril 1, 2012    

    Ok gracias….

  7. May May
    mayo 7, 2012    

    Juvinao, pude ver que la imagen esta dentro del script, ahora ya se de donde cambiarla.. sencillo! 😀 Saludos man!

    • mayo 7, 2012    

      Si May es muy sencillo,solo editas el script y listo.

  8. septiembre 3, 2012    

    Hola, se puede cambiar la imagen, o sabes donde encontrar otro tipo de flechas, como la que tienes en este blog? Gracias

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo