4 de diciembre de 2011

Boton de enlace en posición relativa

No se si el título de la entrada queda claro.  Me refiero a los botones que he puesto a la derecha de mis blogs, para poder enlazarlos.  La idea me ha surgido porque aunque los tengo relacionados como páginas estáticas de Blogger, al bajar por la página para ver el contenido, se pierde la posibilidad del enlace.  Ya tenía puestas las flechas para ir arriba y abajo de la página, y por lo tanto ha sido muy fácil.

En Edición HTML hay que localizar la etiqueta </body>, y justo delante poner el enlace correspondiente.

<a href='PAGINA A ENLAZAR'><img border='0' src='IMAGEN DEL BOTON' style='position:fixed; bottom:100px; right:0;margin-top: 5px;' title='DESCRIPCION'/></a>

Quedará poner la dirección de la página a enlazar y el icono correspondiente que hayas subido a tu almacén.  En la descripción el texto que queramos que aparezca al pasar el ratón por encima.  He puesto 100 pixeles como distancia relativa a fin de la pantalla, ajústalo a tus necesidades.

Se pueden poner tantos como quieras cambiando la posición relativa para cada icono.

Entrada anterior Entrada siguiente Página Principal
Related Posts Plugin for WordPress, Blogger...