La función del siguiente botón es volver al inicio de la
página de manera rápida para facilitar la experiencia al usuario, en lugar de
tener que mover la barra de desplazamiento (Scrollbar) o jugar con la rueda del
ratón, sobre todo cuando la página es extensa o la entrada tiene muchos comentarios.
El siguiente botón tiene la característica de que no incluye
ningún script, lo que lo hace muy simple y la velocidad de carga del blog no
aumentará al incluir este botón.
.png)
Instalar el botón en tu blog:
Para instalar el botón de "Ir Arriba" en tu blog sigue los
siguientes pasos:
- Ir a Escritorio de tu Blogger.
- En el menú seleccionamos Plantilla.
- Hacemos clic en Editar HTML.
- En el código buscamos lo siguiente:
<body>
Encima de ello tenemos que pegar el siguiente código:
<style type='text/css'>
.backtotop a:hover {
padding-bottom:2px;
}
</style>
<div class='backtotop'><a class='backtotop' href='#' rel='nofollow' style='display:scroll;position:fixed;bottom:10px;right:15px;' title='Ir Arriba'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR-vVxLLcz_fnPLwtWci4GcWbWMZu7ICUzlhayfRhoonr5vxF-Nw09ZmbuQOjk0x8nLfSFylHBLD_IOelWAGgMSnfgMc9v0zs4AI0tbBLpA3MHkmsEuGSzM0A2PUoR26vH-ytyh2lsW9Gc/s35-no/top.png' style='border:0;'/></a>
</div>
Ahora podemos realizar unos pequeños cambios antes de guardar los cambios en nuestra plantilla, observa que tenemos el atributo "title" ahí puedes poner el texto que quieres que aparezca al momento de posicionar el cursor encima del botón y la segunda parte de color rojo es el link de la imagen ... la cual puedes cambiar a una mas de tu gusto.
hola:
ResponderBorrar:-? He leído con detenimiento este tutorial, pero no encuentro la palabra "cuerpo en inglés" así, solito (este cuadro de dialogo no me deja poner la palabra porque me dice que mi HTML no es aceptable). esa palabra "cuerpo en inglés" siempre está en combinación con otras palabras y no sé cual de todas. Y.. otra cosa; cuando dices "Encima de ello tenemos que pegar el siguiente código:" significa que hay que eliminar la palabra "cuerpo en inglés" y reemplazarla por todo ese codigo que incluyes alli? o ponerlo a continuación? agradeceré tu respuesta porque soy nueva en esto, y no tengo muchos conocimientos de programación y estas cosas.
Buen dia Hilacha;
BorrarLa etiqueta body en ocasiones y de acuerdo a la plantilla que tengas puede venir acompañada de ciertos parámetros extras, lo que tienes que hacer es ubicar la etiqueta de apertura <body ..> y das un salto de linea (no borres la etiqueta) y después pegas el código. Guardas cambios y listo.
El codigo debe quedar entre la etiqueta de apertura y cierre:
<body> <!-- apertura -->
CODIGO ...
</body> <!-- cierre -->