Revista Belleza

Freebies. Botones scroll-up o "subir al principio de la página" gratis + Tutorial

Por Rachel_bd @BeautyDressing
¡Buenos días!

Atentos todos que lo que traigo hoy es algo nunca visto por estos lares. Por este blog, digo, que ya está todo inventado y digo yo que algo parecido habrá por ahí. Eso sí, nunca tan completo y tan chachi como esto. Y es que llevo ya unos meses aprendiendo sobre la ardua pero divertidísima tarea de diseñar recursos para blogs.Freebies. Botones scroll-up En mi afán por seguir aprendiendo y sobre todo por poder compartirlo con vosotros, he decidido colaborar con el grupo de Blogueras motivadas para ayudar a poner más bonitos vuestros blogs con unos diseños únicos y gratuitos de botones scroll-up; lo que viene siendo el iconito ese para subir al principio de la página, vamos. ¿Veis? Yo tengo el mío abajo a la derecha completamente adaptado al diseño de mi blog. Freebies. Botones scroll-up

Como algunas no sabéis/queréis/tenéis tiempo de aprender (aunque es muy fácil) cómo diseñar vuestros propios botones, pues aquí las cinco coleguis de Blogueras motivadas (que ahora os presentaré) y yo nos hemos puesto manos a la obra para traeros un arsenal de botones de mil formas y colores listos para instalar. Y lo mejor de todo... ¡GRATIS!

Estas cinco almas caritativas son:

Creative mindly
2nd funniest thingBaby Cat FaceSmuk ThingsWacapaka

No dejéis de pasaros por sus blog por nada del mundo porque vais a descubrir un mundo nuevo en esto de "poner bonitos los blogs", en serio. Ellas son unas artistazas en lo suyo y sus blogs una fuente de recursos inagotable. ¡No podéis no conocerlas!Y después del sermón, al lío. Por favor no seáis muy críticos... que estoy empezando. Aquí tenéis los botones que he creado para vosotras. Podéis descargar el que más os guste simplemente pinchando con el botón derecho y haciendo click en "Guardar imagen como...". Si los queréis todos, podéis descargar el archivo comprimido que veis abajo. He intentado usar distintos tonos del mismo color para tener más variedad y que si uno no os pega, podáis usar otro. Allá vamos.

1. Corazón

Freebies. Botones scroll-up
     
Freebies. Botones scroll-up
Freebies. Botones scroll-up
 
Freebies. Botones scroll-up
Freebies. Botones scroll-up

  2. Diente de león

Freebies. Botones scroll-up
Freebies. Botones scroll-up
        
Freebies. Botones scroll-up
  
Freebies. Botones scroll-up
       
Freebies. Botones scroll-up
    

Freebies. Botones scroll-up
         
Freebies. Botones scroll-up
        
Freebies. Botones scroll-up
   
Freebies. Botones scroll-up
Freebies. Botones scroll-up


3. Hoja de otoño

Freebies. Botones scroll-up
Freebies. Botones scroll-up
Freebies. Botones scroll-up

4. Etiquetas

Freebies. Botones scroll-up
 
Freebies. Botones scroll-up
     
Freebies. Botones scroll-up
    
Freebies. Botones scroll-up
    

Freebies. Botones scroll-up
     
Freebies. Botones scroll-up
     
Freebies. Botones scroll-up
   
Freebies. Botones scroll-up



5. Margarita flecha

Freebies. Botones scroll-up
  
Freebies. Botones scroll-up
  
Freebies. Botones scroll-up
  
Freebies. Botones scroll-up
  
Freebies. Botones scroll-up


6. Margarita subir

Freebies. Botones scroll-up
  
Freebies. Botones scroll-up
  
Freebies. Botones scroll-up
  
Freebies. Botones scroll-up
  
Freebies. Botones scroll-up
  
Freebies. Botones scroll-up


7. Pintura flecha

Freebies. Botones scroll-up
 
Freebies. Botones scroll-up
     
Freebies. Botones scroll-up
     
Freebies. Botones scroll-up
     
Freebies. Botones scroll-up
     
Freebies. Botones scroll-up
     
Freebies. Botones scroll-up


8. Globos infantiles

Freebies. Botones scroll-up
Freebies. Botones scroll-up
Freebies. Botones scroll-up

9. Pájaro solemne

Freebies. Botones scroll-up

Y por último...

Freebies. Botones scroll-up

aquí


¿Qué os parecen? Yo creo que alguno os podrá venir bien, ¿no?¡Ah! ¿Que no? Puede no os preocupeis, porque en los links de abajo tenéis muchísimas más opciones. Si no os lo creéis, echad un vistazo a las propuestas de:Creative Mindly2nd Funniest ThingBaby Cat FaceSmuk ThingsWakapacaAhora sí, ¿eh? No os podéis quejar... ¡Tenéis un montón de opciones chulísimas! Pero... y ¿cómo se ponen en el blog? Pues muy sencillo, sólo tenéis que seguir estos pasos:1. Descarga la imagen que quieras y súbela a Tinypic.com tal y como ves en las capturas de pantalla. Copia el link de "enlace directo para presentaciones" y consérvalo.

Freebies. Botones scroll-up

Freebies. Botones scroll-up

Freebies. Botones scroll-up


2. Copia el código que pongo abajo y sustituye la frase "PON TU URL AQUI" por el link que has obtenido en Tinypic.com.

<a href='#wrap' style='display croll;position:fixed;bottom:0px;right:0px;' title='Subir'class="go-to-top"><img src="PON TU URL AQUI" /></a>

Quedará algo así: (¡no borres las comillas!)

<a href='#wrap' style='display croll;position:fixed;bottom:0px;right:0px;' title='Subir'class="go-to-top"><img src="http://i44.tinypic.com/vdg4sx.jpg" /></a>

3. Añade un gadget HTML en tu blog desde el apartado de "Diseño" y copia el código con tu URL.

Freebies. Botones scroll-up

Freebies. Botones scroll-up

Freebies. Botones scroll-up

4. Guárdalo y ¡listo!Si queréis ir un poquito más allá y poner que suba la página con efecto deslizante, tal y como lo tengo yo, lo vereis perfectamente explicado en "Personalización de blogs". Otro indispensable en esto del diseño y el "trasteo" blogueril. Podéis ver el post concreto aquí.Eso ha sido todo por hoy. Si os animáis, dejadme el link de vuestro blog, me encantará ver que os ha resultado útil.Con cariño,

Freebies. Botones scroll-up

Recordad que podéis seguir el blog en Facebook, Twitter, Instagram, Bloglovin', Fashiolista y Pinterest."Este post participa en la fiesta de enlaces nº 40 de Personalización de Blogs"


Volver a la Portada de Logo Paperblog

Revistas