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.
13 comentarios
Cristian Rodriguez G · febrero 25, 2012 a las 9:30 pm
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
Juvinao · febrero 26, 2012 a las 7:42 pm
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/
Oscar Herrera · febrero 29, 2012 a las 4:33 pm
no me funciona hay q tener alguna versión de jquery o algo?
Juvinao · febrero 29, 2012 a las 6:35 pm
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/
Expert Gamer · marzo 4, 2012 a las 1:22 am
olle una pregunta se puede poner la fecha en vez de arriba abajo es que no me gusta arriba constestarme ^^¿
Juvinao · marzo 4, 2012 a las 2:51 pm
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.
Zulianny Muria · abril 1, 2012 a las 5:51 pm
Me gusta mucho, pero al hacer lo cambios no me aparece la flecha en el blog 🙁
Juvinao · abril 1, 2012 a las 7:38 pm
Zulianny voy a mirar cual es la falla ok.
Zulianny Muria · abril 1, 2012 a las 8:48 pm
Ok gracias….
May · mayo 7, 2012 a las 6:57 pm
Juvinao, pude ver que la imagen esta dentro del script, ahora ya se de donde cambiarla.. sencillo! 😀 Saludos man!
Juvinao · mayo 7, 2012 a las 8:46 pm
Si May es muy sencillo,solo editas el script y listo.
Zampoña Notas · septiembre 3, 2012 a las 7:50 pm
Hola, se puede cambiar la imagen, o sabes donde encontrar otro tipo de flechas, como la que tienes en este blog? Gracias
Juvinao · septiembre 4, 2012 a las 4:16 pm
Zampoña claro que puedes cambiar la imagen de la flecha.
Dirigete a la URL del script que es la siguiente:
http://dl.dropbox.com/u/35784805/Mil%20Trucos%20Blogger/FLECHA.JS
Luego busca la URL de la imagen a sustituir:
http://3.bp.blogspot.com/-JCxIahKGqiQ/Tu9k5zFLEFI/AAAAAAAAAow/6uRTPzMX5E4/s1600/Sin+t%25C3%25ADtulo-2.gi
La eliminas y la sustituyes por la tuya,ahora sube el script editado a tu hosting y listo.