:::: MENU ::::
  • Desarrollo Web - Responsive Design

  • Easy to Customize

  • Customizable fonts.

viernes, 17 de enero de 2014

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.


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://lh4.googleusercontent.com/-KXKWAyu7dzI/UiSh8-lgdEI/AAAAAAAABLY/jVxmi_nqXXY/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. 

2 comentarios:

Publicar un comentario

¿Necesitas una pagina web? Contáctanos