Aprende informática con... Cómo poner un botón de subir en el blog

Seguro que los habéis visto en un montón de blogs y es que son cada vez más las personas que se deciden a poner uno de estos botones, por la comodidad que supone para sus lectores, ya que, cuando las entradas son largas, se agradecen, jejeje.

Y sí, como yo soy un poco chapas, jejeje, he decidido añadir uno en el blog, y por supuesto que os voy a explicar como poner uno de estos en vuestros blogs.

¿Nos ponemos a ello?

Lo primero que tenemos que hacer, y os aseguro que es lo más difícil, es decidir que flecha o que iconito vamos a poner, para que haga la función de subir. No os voy a decir lo que me ha costado a mí decidirme...

Si no os gusta ninguna de las que veis por ahí, siempre tenéis la opción de fabricaros vosotros mismos una que os guste.

Yo os he diseñado algunos para que los utilicéis si os gustan. Se aceptan peticiones si alguno os viene bien, y no os gusta el color.

A continuación tenéis que copiar el código, que aparece debajo, del icono que os guste.

Vamos a Blogger, al menú Diseño y seleccionamos en la barra lateral, Añadir un gadget.

Seleccionamos el gadget HTML/Javascript.

Pegamos el código que hemos copiado anteriormente y ponemos un Título a nuestro nuevo gadget. Ponerle   ya que sino saldrá en la barra lateral.

Pulsamos Guardar.

Ahora sólo tendremos que actualizar nuestra página del blog y veremos nuestro nuevo botón de Subir.

Os dejo aquí los botones que he creado para todas vosotras.

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirvinofreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirvinopuntosfreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirverdefreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirverdepuntosfreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirrosafreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirrosapuntosfreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirrojofreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirrojopuntosfreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirnaranjafreebie.jpg" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirnaranjapuntosfreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirmarronfreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirmarronpuntosfreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirgrisfreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirgrispuntosfreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirazulfreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirazulpuntosfreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subiramarillofreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subiramarillopuntosfreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirmoradofreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirmoradopuntosfreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirmoradooscurofreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirmoradooscuropuntosfreebie.png" /></a>

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://sites.google.com/site/blogmispatitosyyo/subirmoradoletrasfreebie.png" /></a>

Podéis utilizar cualquier botón que os guste. Lo único que tenéis que modificar es lo que os he puesto en azul. Sólo sustituirlo por la ruta donde tengáis el icono y ya estará listo.

Yo me he quedado con éste.

¿Os animáis a poner uno en vuestro blog?