Botón subir con jQuery en Blogger

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'/>

Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Botones para subir y bajar en Blogger # - Botones para subir y bajar en Blogger
Marca de agua en las imágenes con CSS # - Marca de agua en las imágenes con CSS
Efecto de desenfoque con CSS # - Efecto de desenfoque con CSS
Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger # - Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger
Insertar una página externa en una entrada en Blogger # - Insertar una página externa en una entrada en Blogger