AyudaBloggers{...}
Botón subir con jQuery en Blogger
Ya habíamos visto anteriormente un botón flotante con la función de subir en Blogger.

En esta oportunidad mostraré cómo añadir un botón mediante jQuery para que cuando el lector descienda la página, éste se muestre con un efecto fade in y cuando se presione, suba con un desplazamiento suave.

Puedes ver una vista previa en el blog de pruebas. (Deberás bajar la página, aparecerá en la esquina izquierda inferior del blog).

¿Cómo añadirlo a Blogger?

Primero, vamos a ''Diseño | Edición HTML'', en donde buscaremos la siguiente zona:

</head>

Sobre esta sección, deberás agregar el siguiente código:

<script src='ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/><script src='https://sites.google.com/a/blogsydescargas.co.cc/ayudabloggers/scripts2/scrolling.js' type='text/javascript'></script>


Guardas los cambios y listo.


Notas:
  • Si deseas cambiar la imagen, deberás editar el archivo scrolling.js, cambiando la URL siguiente por la deseada. sube el archivo nuevamente y reemplaza la dirección anterior del script por la nueva.
  • Si el script no funciona, deberás comprobar que no tienes una versión de jQuery instalada, en caso de ya existir, deberás eliminar el siguiente código del script:
<script src='ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>

Escrito por
víctor calderon

Víctor Calderón es un jóven chileno de 21 años, estudiante analista programador y orgulloso padre de una hermosa niña.

Moderador en +TBEE y escritor/fundador de este blog.

tweet

Blogroll de Ayuda Bloggers