;  MY LIFE: IR ARRIBA COMO PONERLO EN EL BLOG E IMAGENES

09 octubre 2012

IR ARRIBA COMO PONERLO EN EL BLOG E IMAGENES

A veces estamos en un blog que tiene muchas entradas en una página y cuando queremos volver arriba nos cansamos un poquito con el ratón (porque estamos ya algo vaguetes de tanto navegar por la web). Apreciamos en ese momento ese botoncito maravilloso que nos indica "ir arriba" y que con un sólo gesto nos devuelve al principio de la página.

Pues bien, si queremos colocar el botón en nuestro blog lo tenemos muy fácil.

1. Nos vamos a Diseño<Plantilla y en el HTML buscamos:

]]></b:skin>

(recordad que con Ctrl+F podemos buscar las cosas más rápido)

2. Debemos reemplazarlo por este código:


#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;

]]></b:skin>

3. Luego buscamos:

</body>

4. Lo reemplazamos por:


<a href="#" id="backtotop">
<img src="Image-Url" alt="back to top"/></a>


El texto en rojo lo tenemos que sustituir por la url de la imagen que queramos utilizar. Os recomiendo que os hagáis vosotros mismos una imagen y que la subáis a vuestro "almacén virtual", ya que si dependéis de la imagen de otra persona el día que decida borrarla os quedaréis sin ella.



IMÁGENES "IR ARRIBA" (podemos añadir cualquier texto con nuestro editor de fotos)











OTRAS MANERAS DE PONER EL "IR ARRIBA" MAS TRABAJADAS LAS PODÉIS SACAR DE AQUÍ: