Como poner un botón de subir arriba

Cuanto haya tardado es lo de menos, lo importante hoy es que lo prometido es deuda... :)

Son famosos ya los botoncitos de subir arriba. Instalé uno en el diseño de mi blog anterior, con una flechita verde, y mucha gente me lo ha preguntado ya.

De todos modos, y tratando de simplificar las cosas muchísimo, entre Noe y yo hemos hecho parte del trabajo. 

Si no sabéis quién es Noe, os recomiendo que paséis por su blog Lovely Charlotte y os hagáis seguidoras cuanto antes, ya que a pesar de ser un blog muy muy nuevito, es muuuuy prometedor. 

No tenéis más que ver que de sus ocho posts escritos hasta el momento, ninguno tiene desperdicio: la lámina Si puedes soñarlo puedes hacerlo, el organizador de la semana, el fondo de escritorio o las láminas del día del padre. 

¡Yo estoy alucinando con su blog!

Es de esos blogs como el mío. Los blogs naranjas les voy a llamar, como la cuenta naranja: que piden poco y dan mucho ;)

Y además, que lo suyo sería que le dejaráis unos cuantos comentarios-amorosos... para darle las gracias por las flechas que me ha preparado. 

Que yo, si ella no me llega a hacer las flechitas, no os traería esto hoy... Si acaso os daba el código, y allá cada una que se diseñara su flecha y se buscara la vida... ;)

Cómo instalar tu flecha de subir arriba: 

✎ Decides qué flecha de las que yo os he preparado te gusta

✎ Copias el código que hay justo debajo

✎ En tu blog, le das a Añadir gadget HTML

✎ Pegas el código

✎ Guardar cambios 

✎ Dejarme un comentario para darme las gracias a mi también, no solo a Noe ;)

Os pongo aquí las flechas con sus respectivos códigos debajo (pensad que se ven claritas porque esta columna es blanca, pero irán abajo a la derecha, justo encima de vuestro fondo):

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQr_xohOnuqYYlePeT3D8ASz_x2-cnOfearPHoxXRf0CjofyETJRVlQtVxhJozAUdkbUS-lOfXrU1N6lH95L8KocJMzt2bcMEhFWhGhmS9ALxGjFtK5P9Q1PjgXPRIYAyiWQgYIN3p4DE/s1600/2_babyblue.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNwwYkcUOZJs3AuaLoaH08G6q2VyMdMivuMkq0cO1EgfjjHdZFFcKygaNdztLEhF0WNWqqtG84qD3H98ooWzxWpKU1IMMLQ9bLN364Z731Ps11hheWdyArxh7RNojcFV1jqhfas7NYRBo/s1600/4_babyblue.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNAm5iAsO2kFcElAKUYIvPj0tp-Toj7XdgPGB1o8DBEfa7m-FIvO_PFADAWWUt5RDZlVqfCZ-mxtp4ijKXTXtCOFzPQVnhdw-zMu0QlwIuThaCJAeMQ3Aft1Eq8S6y0QDgJ_sjTAO5kLg/s1600/2_babypink.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtOvlN7nMhfrfXqCzz4TeyeX5eVfNw6UNhAEG-mv64G0T1IT75lpUZn46YfCFDtw5f1JXm0Bk9xcVklZRkaHpg8P6k42dxPeWnH0UJrpYsDKsMlRygWjI2DySKsVDJY4dupQsZjA2iMbk/s1600/4_babypink.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTHe6NMR1nrX7iwJnmLXIa_VFosrHm7iJwAVo3OOMYsN8FFBejpSNmyWQuVvOeXDURUQxDvt3bpNGhyphenhyphenOkL9pKXoelEbVtaMzQMwvAHgHPHjcHO9eSXol1gvwKPA0YGBK6fsPUtgzcP_Mo/s1600/2_beige.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ2vqR3c-I9NPiJe9I2s9zU4vadU2WV9OOjPzYDgjTBgIOyWg8cBxuAjfvBKNNOgxkNWIsEkBZq3MEcBc7_oMzgkqNZhy2gkbQcJgkPap6LNXleHVdXVe2djcad-j_0DFcxlHaWpvBDBg/s1600/4_beige.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv6NhqJViFCYw0Se-UQot1pR9LHp7aasewtAlSHe2JQgcqwWAexanzUlI4KREFxEz2nKjE-QrLFnI5PmVQhqk6Lj7WycRjtJT6ZHczS5Kox_kaNa9J1BfBrAuS0FKYCwdF0nQcrOR2Fr4/s1600/2_brown.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_KopEQ51IZU_lRe5WaZjin3wU-k07IgzSpJMffFZJ_LkUl90inQgrhwfvCFJFgoOSNDFPYzOw820olLTovcUk2R4qtmreyJjrczWRvphErwZ9nZV38CbkOm0WRdi0CD-CxmYTJSWV2hM/s1600/4_brown.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglgPD2xdA0MpDgNFLarROc6AWuxaNG257kYZPTHeUeKpQ9-UjSEJBxxQnwvWbI1xnCFcXd3mOq5-V1yPK6I_SbIb-3FJ0tg4eqWdUj0jZ6_6eTWYVTujUtLkU-cgwkBqPHHww1Or3Hdu8/s1600/2_cream.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-IgXOW7bExGnGHd6EsQxNBVJxqwS1-63gdp2RLfzNWd9VvpRNDLUkfB2SSTnlWvBuFbISo2VRFCi6-mcS_qyvxm3kwziIJMertQux7w66zr_J0V0mdXnVuwJm26xmK1deIGQxmKUGMHY/s1600/4_cream.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtWwSEy5AKgQiURdDclk8yGCHcoCNWJ2RDxaG0KYsfyRXdTxVrUTFteF67wghdrWRVzzvwLR0cdu56BYyVWwqZqcDYa2rM8Zty3w-OKvpPvaHl2mi5z0TOpm86bAvViKFkUYERbfWYWcE/s1600/2_green.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhShicIoKvOVEYEW2382xk6c8tdExOApAGr0FGOUXCt_viCZBtbPJlEHXKSfdYxnUpZLEy7DqTWJZbYZCIPZg93_pjoU3mFEhA3Xim5rht-owWaIJ9IyUiRmf2r5yMmXktuMuWjSKJkdec/s1600/4_green.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju3iFd513yHdAfC1RPuDA1xmVry7Guk0i8DP9yXG0k5a3vt70N4f-F0-DfXGHdekZayms4gnBpypBx0JqcEI9ixz4_Lvodl5ml-200gLPPz2EHzXUXkvH_S5KLtTH9r17QdyGHRJItK0M/s1600/2_grey.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfioSHi4KqBZxJ2snWgf1altSQQOYqNZ1oHQEOCd2Hdqx0-BaYielpWTIDgUEyQzBlQsg48w8QnFXV7LxzzvwNSAjh-OEoU6Yi5SM6digOh5wG0zPNYMfivlkeUAusnnnSU3WphkReark/s1600/4_grey.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjziviepkIgADOoM6UxRlO3nmD-_sxUqtIM6OEFV-lc-UGf5cagHbTX2hxhzU7zUQ1YsPcOwrZJWBqATi4DZD0x1QMDxWhsUgY0udJk4Vm12bmMwSdUTwEo5K0HvBGL3n5ftdins-kk8fo/s1600/2_pink.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0-hGAXauHuGjrlwN_WMTqb8Rn5_jn_KUMhXaIvnUXx_-hAPhjaGy8qVlN82tAlFsVaKm5v9p7LTs17mdApXlEfOxHRrcSxXmpAgKIf2_hS1o1UhjGw6pxmjn9iFMBCjEPRdhlOKPpc4w/s1600/4_pink.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOIXJNMBGYXhZv6n7UmKiAA5Ckl9mFJ0sUKx7PlEVOIOElxHbb6Bt0e-shkXz60D6NTdJYmq-xXDDR5HS6Bm-eQYB6GH9_tt8jyxr9k24MVCJEYVoaT6jLDoSxZrUPoOQakGIuqAyowjk/s1600/2_purple.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW-WwVNBcFkkHq32sFNQ2IlzLIK4alJ6CXjIgTfk3gd9x4cvnb9GGiZYK_3bnHg7c9_bk-CE8YeHAIoaCQNZ3HVaWYdeHVSdMPn9KRRpOXieDfwB57V0ntfRUlpjxpPSI1qz0pvy5pCe0/s1600/4_purple.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUOMK-zA-XIBHnIzsnnlrolFE5POvlZNqs0v4j_XFf1C-pej4LSBfPBZhyGdfTKpSQIMAIQNOyC3-SXEfqi-_2Oor5DrKpllpJHnkyvODU4iVcEXqcq2PJrT6e6BrRPKv7TsxRkeHgXNw/s1600/1_red.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCgmXU-zF2JcITBGM48keF0fj35e6k_APUBqcJqMDWY5VEJ29a-t3tEdhx6FDsmQ4oHSHsxOQxNxpMYD5rnXcoQg3kLI9ccGkywbSXf57Pn1sCJljmMUPglN2dObOXe_WY9jh0oBFcpdk/s1600/4_red.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBo_jcc0wtX0ULQhyphenhyphensv9xVLJ2G8eU7LNuLsJd31G3ROtCzrbpfxr5CbeIuk6bLQqj5lJWpiJCgil1RhwSYC3lDESLh_Mixmg_dEMh0e5qINizRYcRrSKJTH7N7ESfYYVDedT9pJVd7ViM/s1600/2_taupe.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuFvfvn5SqMt71ablGs_ZEzbJfCJpeIVLAR1mQCT5ZEp154QGjqyEpAdHFZchPMQ934vDXyzBWDmGMS4Y1SpP9BIvIaC8cxGE3nG4lgTNN1yFFdk5ObwUM53mmNGu2AxzQ6obnqWC9rLw/s1600/4_taupe.png" /></a>

A aquellas que estáis haciendo mi Curso Dos para blogueras, creo que no tengo que deciros lo fácil que es que os hagáis una flechita en menos de un minuto, y lo que tenéis que hacer luego para instalarla en vuestro blog... ;)

De ese modo, aunque Noe ha hecho un surtido de distintos colores y con dos diseños diferentes, si ninguna le quedara bien a vuestro blog o quisieráis una a juego con vuestros nuevos iconos sociales (como tengo yo mi corazón a juego de mis iconos sociales), pues os la podéis hacer vosotras en un segundín.

Y para el resto, aunque estas flechitas están listas para usar, deberéis saber que a partir de ahora los tutoriales van a subir un poco de nivel...

Es decir, yo parto de que sabéis todo lo que he explicado en el Curso Uno y todo lo que he explicado en el Curso Dos. Debemos saber los básicos para poder continuar con cosas más avanzadas/guays... :)

Así que aquellas que aún no lo tenéis... yo de vosotras lo compraría ya pinchando aquí antes de que acabe este periodo de gracia que os he dado y le suba el precio... que con esto de apiadarme de la crisis parezco tonta... ;)

Nos vemos mañana a las 11 h. Momento Coca-cola Blog de Blanca

Besitos,