Related Posts Plugin for WordPress, Blogger... El taller de J: Tutorial. Insertar el botón de subir.

viernes, 23 de mayo de 2014

Tutorial. Insertar el botón de subir.



Hola de nuevo!! ¿Qué tal estáis? Hoy es viernes, y es el segundo viernes en el que os presento un tutorial, ¿podré poner todos los viernes un tutorial? No lo sé pero lo intentaré, así todos estamos más organizados y me da tiempo. ¿A vosotr@s que os parece?

Hoy como ya anuncié, os traigo un tutorial del famoso botón de subir, muchos de vosotros lo tendréis, otros no, algunos no sabrán lo que es, pero NO PASA NADA, nadie nace sabiendo, y para eso hice yo el blog, para aprender e intentar ayudar a los demás, así que vamos a allá no?



¿Qué es el botón de subir?

Bien, el botón de subir, es una pequeña imagen, que nos la solemos encontrar en las esquinas inferiores de los blog, normalmente a la derecha, si os fijáis ahí está el mío. Si pincháis en esta imagen, la función que tiene es volver al principio de la página, es decir, SUBIR, para no tener que estar dándole a la ruedecita del ratón o a la barra lateral.

En resumen, el botón de subir es una maravilla, nos ahorra tiempo, ayuda a nuestros lectores y queda genial.

Ahora vamos manos a la obra.

Lo primero que tenemos que hacer es elegir qué imagen queremos poner para nuestro botón., si buscáis en otros blogs encontrareis millones de posibilidades para descargar, sin embargo, yo he hecho mis propios botones, si os gusta alguno podéis descargároslo.




 Descargar botones



NOTA: ** A la hora de elegir nuestra imagen hay que tener en cuenta la plantilla que tenemos, el tamaño, el color del blog, etc.**


Una vez que tenemos la imagen, tenemos que obtener su URL. ¿Cómo lo hacemos? Para mí lo más más sencillo y que seguro que todo el mundo sabe, es lo siguiente.

Vamos a escribir una entrada. Insertamos una imagen. Pinchamos en ella con el botón derecho y le damos a “copiar URL de la imagen” Y esa es nuestra URL. Guardarla como oro en paño en algún Word o lo que sea.




(Por supuesto, que si sabéis obtener la URL de una manera mucho más fácil, podéis hacerlo. Yo solo doy consejos para novatos como yo, de esta forma lo puede hacer todo el mundo.)


Ahora los que tenemos que hacer con esa URL es pegarla en este HTML.

<a href='#' style='display croll;position:fixed;bottom:0px;right:0px;' title='ARRIBA'><img src="Pega aquí la URL de tu imagen" /></a>

Después nos vamos a diseño, añadir gadget, y le damos a html. Pegamos ahí nuestro html con la URL de nuestra imagen y le damos a guardar.



Fin. Ya lo podéis poner donde queráis que no importa, saldrá en la esquina inferior de vuestras pantallas.


Bueno y esto es todo por hoy. Espero que os haya gustado, me encantaría ver esos botones en vuestros blogs, si lo ponéis decírmelo y me pasare para verlos.


Nos leemos el lunes con la frase de los lunes. Y para la semana que viene, muy probable que sea el miércolestraeré una colección de botones, para que tengáis variedad.

 ¿Qué os ha parecido la propuesta de un tutorial cada viernes?

Nos leemos! Besos!


PD: El taller de J se ha unido recientemente a Bloglovin.


Comentarios
3 comentarios
Para Comentar Elige el Sistema de Comentario de tu Agrado:
Comentarios Comentarios Comentarios
Blogging tips