Poner un Boton para subir Automático en Blogger | Sinergia Marketing Digital

martes, 16 de febrero de 2016

Poner un Boton para subir Automático en Blogger

Hoy vanos  a aprender a poner un Botón para que los lectores de nuestro Blog, puedan subir hacia arriba de forma automática.
Lo vamos a hacer de una Forma muy sencilla a través de un Gadget.


Debemos entrar Panel de Control, Diseño y añadir un Gadget.

HTML/JavascriptHTML/JavascriptAñadir
Añade una característica de un tercero u otro código a tu blog.
Por Blogger 

Antes de pegar ningún código debemos seleccionar la Imagen que queremos aparezca, pueden directamente ir a Google y buscar Imágenes enlaza aquí para buscar flechas hacia arriba:


Enlace Google Imagenes

Ahora si desean directamente copien en google la dirección de la imagen, pues tendrán que pegarla en el siguiente código:





<a style="display:scroll; position:fixed; bottom:10px; right:80px;" href="#" title="Volver arriba"><img src=" COPIEN AQUI LA DIRECCIÓN DE LA IMAGEN QUE DESEEN PARA SU BLOG" /></a>


Pueden Modificar los valores 10px y 80px para ajustar la imagen a su gusto.


Si desean ya solo restaría pegar todo el código en una etiqueta HTML/Javascript
 Para cualquier consulta adicional pueden comentar en el Blog, tengan en cuenta que esta forma es muy simple, no estamos hablando de ningún tipo de efectos, eso lo desarrollaremos en Otro Post más adelante.
 Les voy a dejar si desean el Script tal y como yo lo tengo en una de mis Páginas.



Pegar código exacto dentro de la Etiqueta HTML


<a style="display:scroll; position:fixed; bottom:0px; right:0px;" href="#" title="Volver arriba"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKV0QNz9NBop79US95ExiVWoTQ219tikJWygsKXM8WjBW138AU-pk0nUlSB8aHvGtoq1LyECUilKTh9MQijun1plG27m-d-b0t7IiNPQmd85td4ihfLuQqahRvRXBsLeVmmgyTDt3Ysl-n/s1600/back-to-top-sprite-30224d9b.png'" /></a>



Gracias, espero les pueda server para sus diseños.

No hay comentarios:

Publicar un comentario