Poner - Colocar un botón flotante en blog de Blogger


Un post breve, directo y al grano, vamos a ver como podemos fijar un botón, elemento o texto etc.-directo y muy sencillo vamos a ello.

 Veamos un breve demo:

http://www.aseovil.com/
 
 EL TUTORIAL PARA  BLOGGER

1. Lo primero será ir a "Diseño > Añadir un Gadget > HTML/JavaScript".

2. Allí pegaremos el siguiente código:
<a class='boton' href='LINK CLICK' ><img src='link-imagen-boton' border="0"/></a>

<style>.boton {
    display:scroll;
        position:fixed;
        bottom:320px;
        right:0px;
} </style>
 3. Guardamos y listo, pero, veamos las modificaciones a hacer.

EXPLICACIÓN POR COLORES   

- En color rojo pondremos el link de nuestro botón creado o bajado de internet que quedará fijo.

- En color azul se reemplaza por el link final que llevará cuando el usuario de click y lo ponga en dicho sitio.

Con esas simples modificaciones quedaremos a gusto del funcionamiento del botón sin problema alguno.

Y listo con estas modificaciones queda elemental si alguno requiere una explicación extra o tiene alguna duda, pueden comentar.

Hasta la próxima,
  

10 comentarios:

  1. quisiera poder colocar un script flotante en vez de un simple botón o imagen, se puede hacer eso?

    ResponderBorrar
    Respuestas
    1. Hola Rodrigo, no comprendo muy bien a qué te refieres cuando dices que un script. Ya que un script es un elementos que no se representa gráficamente y es solo funcional.

      Quedo pendiente a una mejor explicación.

      SAludos.

      Borrar
  2. Hola, me gustaría crear un botón que esté fijo en la pagina, que cuando muevas el cursor este se encuentra inmovil y siempre se vea, por ejemplo en la esquina inferior izquierda, no una imagen en la pagina con un link

    ResponderBorrar
    Respuestas
    1. Hola el botón es simplemente algo de CSS pero no tengo ningún ejemplo en específico.

      Borrar
  3. hola tengo una duda para poderle agregar efectos al boton o imagen que seleccionamos como podemos hacerle
    ejemplo:

    opte por una imagen pero quiero que aparte de ser flotante tenga los efectos
    como el giro, el box-shadow (para establecer sombras o resplandores) y el border-radius

    aqui te proporciono un link de la imagen con los efectos qu me gustaria agregarle

    https://www.enriquejros.com/desarrolloweb/mantenimiento-wordpress-300x300.jpg

    ResponderBorrar
    Respuestas
    1. Dentro de las etiquetas style podrás agregar lo que desees en cuánto a CSS se trata

      Borrar
  4. COMO PUEDO PONER 3 IMAGENES.... PONGO ELCODIGO 3 VECES PEROSE PONEN UNO SOBRE OTRO. GRACIAS

    ResponderBorrar
    Respuestas
    1. En que orden desseas poner las imágenes todas hacia la izquierda o derecha o como?

      Saludos,

      Borrar

ESTAMOS EN: