Gracias por visitar mi pequeño Mundo.♥

domingo, 2 de agosto de 2015

Cómo poner un botón de subir arriba en blogger


Hola Chicas como están? ;MMhoy les traigo un tutorial muy sencillo y sobre todo útil. les voy a explicar cómo poner un botón de subir arriba en Nuestro blog 
Este botón es una imagen enlazada que vamos a situar en la parte derecha del blog, en la esquina inferior , sirve para subir arriba y volver al inicio del blog, al ponerlo facilitas a la gente que visita tu blog que puedan volver al inicio con un solo click y no tengan que hacerlo con la barra de desplazamiento del navegador.

¿Como lo Hago?

;ralEn este caso se  usan  imagenes representativas con una flechita, con una imagen que indique su utilidad, pueden usar algunas de las imágenes o botones que les pongo al final
;ralEste es el código:
<a style="display:scroll; position:fixed; bottom:10px; right:80px;" href="#" title="Volver arriba"><img src="URL DE LA IMAGEN" /></a>

;ralLos números que he marcado en verde se corresponden con la posición del botón y los pueden cambiar, bottom:10px es la distancia que hay entre el final de tu pantalla y la imagen del botón, puedes aumentarla o disminuirla, right:80px es la distancia que hay desde la parte derecha de tu pantalla hasta 

;ralla imagen o botón, también la puedes aumentar o disminuir para ajustarlo al diseño de tu blog.
;ralEl texto resaltado en color rosa es en donde vas a colocar la URL DE LA IMAGEN que vas a usar. Puedes usar las que he posteado o  cualquier otra que te guste.
¿Cómo pongo el botón de subir arriba en mi blog?

 Abre el editor de blogger y ves a Diseño
 Añadir un gadget, se abre una ventana con diferentes opciones, haz clikc en HTML/Javascript
 Copia y Pega el código que te he puesto arriba en la caja donde dice Contenido y dale a guardar. 
 Das a ver blog para ver si se ha insertado correctamente y se adapta bien a tu diseño, si quieres modificar la distancia del botón puedes editar el código y hacer los cambios para ajustarlo a tu gusto.

Botones de subir arriba para descargar o usar


 Como sacar la URL de una Imagen en el Blog: 
Si deseas usar algunos de mis botones y no tienes la URL de ellos, solo debes de señalar la imagen que te guste con el Mause y cliquear el boton derecho te saldrán varias opciones pero solo  señalas  en donde dice URL DE LA IMAGEN y listo ya lo tienes!!!

                   





Espero que le haya gustado esta entrada, déjenme decirle que el tutorial no es 100% mio, ya que lo he sacado de la Web, algunas cosas son escrito por mi y las imágenes las he hecho yo así que espero que lo disfruten y se les gusta dejen su lindo comentario. ;hg







7 comentarios:

  1. Gracias por el tuto y los botoncitos :D.
    Besos ^3^

    ResponderEliminar
  2. Hola chica Jones (a partir de ahora te voy a decir así si no te molesta xD)
    Mil gracias por el tuto!! Lo estaba buscando pero no lo encontraba, ahora lo pongo a ver si me sale
    Bechooo ^3^

    ResponderEliminar
    Respuestas
    1. Que bien Sabri que te haya servido y claro que no me molesta que me llames Jones (≧◡≦)

      Eliminar
  3. buenísimo tutorial, besos♥

    ResponderEliminar
    Respuestas
    1. Hola Leah...Gracias por dejar tu comentario...
      Besos

      Eliminar
  4. Esta muy bueno el tuto o(≧v≦)o

    ResponderEliminar

Holiiss (≧∀≦) Si deseas dejar tus comentarios azucarados; hazlo con palabras apropiadas, sin ofender ni criticar a nadie, me daría mucho gusto leer lo que opinas de mis entradas ... ( ̄ω ̄;) Kiss

(*^◎^*) o(≧v≦)o(︶ω︶) ↖(^ω^)↗ o(╯□╰)o (@^_^@)(¯﹃¯) ʕ•ᴥ•ʔ(>^ω^<)(◡‿◡✿) (⊙o⊙) ●ω● (。♥‿♥。)(╥_╥) (≧◡≦)(◕‿◕✿)\(^o^)/(~﹃~)~zZ (●*∩_∩*●) ♡(*´◡`​*) ♥(=^・ェ・^=)♥ (✿◠‿◠) (*^ -^*) (っ◔◡◔)っ ♥ ❤ ❥ ✿ ☂ ღ ツ ☼ ✿ εїз Ƹ̴Ӂ̴Ʒ ♂ ♀ ✔♚ ♛ ✝ ✉(•_•) (◐.̃◐)

(*・∀・)/Gracias por Tu Linda Visita ♡\(・∀・*)

ƸӜƷ Deja Tus Comentarios Azucarados ƸӜƷ