Botones para subir y bajar en Blogger

Hace no mucho, Dreko, el administrador de LockerzLatinos, me preguntó si lo podía ayudar a crear unos botones para subir y bajar en su blog, ahora lo publico en el blog, para los usuarios que lo necesiten en el suyo..

El resultado es el siguiente:

Los botones son solo referentes, el resultado son botones flotantes.

Primero, vamos a ''Diseño/Elementos de la página'' en donde agregaremos un Gadget:


Buscamos ''HTML/Javascript'':

En donde pegaremos el siguiente código:

<style type="text/css">.subir a:hover {background:none;}</style><div class="subir"><a style="display:scroll;position:fixed;bottom:60px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Subir"><img style="border:0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIatqIgsLAP31ECmY-uVkefnxIqgAP1L0Fx_Q_mvnzxdJRKPHx1xbKyT1XSNkw7rJg4k6GcgxvblPjBwOgOvhfXbfBWlERk8iwFe6C6703b5Pr_bl9UOv6HLlot-lC7LUlRj_1zPvIcfg/s200/arrow8a.png"/></a></div>

<style type="text/css">.bajar a:hover {background:none;}</style><div class="bajar"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#footer-wrapper" rel="nofollow" title="Bajar"><img style="border:0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDOk-m4Pluj3n1IOhVHj9gJwT9PN127g7xslgdLFm0ON8S2tKtOw_44VVTsBUx5PXQGt1qXifHJXs6zsHcCp1hBOgmTmpF7qRx12-7YkwhFZSN8DzyowQSK5XOD7X5zu7tF41twb9J3dY/s320/arrow8b.png"/></a></div>

Guardamos los cambios y listo:


Notas:

• Si deseas cambiar la ubicación de ambos botones, deberás cambiar:

right por left (para alinear a la izquierda)
bottom por top (Para subir los botones)

• En el caso de sobremontarse los botones, o si están muy distantes uno del otro, aumenta o disminuye el valor de ''botom:60px''.
• Si deseas cambiar las imágenes de los botones, reemplazas las URL por las correspondientes.
• Si el botón ''Bajar'' no funciona, elimina el código ''-wrapper'' quedando sólo como ''#footer''.