Hola *-* y bienvenidos a este Post C: .
Como tod@s debes haber visto ya en muchos blogs, a veces ponemos un botoncito en la parte inferior de la pantalla para que al apretarlo vuelva a subir directamente arriba, al inicio del blog.
En esta entrada les comparto el código que pondremos para poner una imágen estática en la parte inferior derecha de su blog que los acompaña durante la visita del blog... y sirve también para subir hasta arriba dandole click en la imagen.
Bueno les pongo estos 3 pequeños tutoriales de las formas en las que puedes hacerlo.!!
Tú escoge la que más te interese.
La primera forma:
- Vamos a ir a: DISEÑO
- AÑADIR UN GADGET
- HTML/Javascript
- Dentro pegamos el siguiente código:
<a href="#"><img src="http://i58.photobucket.com/albums/g280/matmau/BOTON%20SUBIR%20by%20Patt%201_zpsf9wm9b6p.png" href="#wrap" title="Subir" class="go-to-top" style="position: fixed; bottom: 10px; right: 1%;" width='15' height='15'/></a>
Cambiamos el Link por nuestra Imagen
Modificamos las dimensiones de la imagen
La segunda forma:
Para poner la flecha o la imagen tendremos que irnos a Diseño<Añadir Gadget<HTML. En el gadget tendremos que copiar el siguiente código:
1. Si queremos que la flecha o imagen quede a la izquierda:
<a href='#' style='display croll;position:fixed;bottom:0px;left:0px;' title='ARRIBA'><img src="La URL de tu imagen" /></a>
2. Si queremos que la flecha o imagen quede a la derecha:
<a href='#' style='display croll;position:fixed;bottom:0px;right:0px;' title='ARRIBA'><img src="La URL de tu imagen" /></a>
3. Si queremos que quede en el centro:
<a href='#' style='display croll;position:fixed;bottom:0px;center:0px;' title='ARRIBA'><img src="La URL de tu imagen" /></a>
1. Si queremos que la flecha o imagen quede a la izquierda:
<a href='#' style='display croll;position:fixed;bottom:0px;left:0px;' title='ARRIBA'><img src="La URL de tu imagen" /></a>
2. Si queremos que la flecha o imagen quede a la derecha:
<a href='#' style='display croll;position:fixed;bottom:0px;right:0px;' title='ARRIBA'><img src="La URL de tu imagen" /></a>
3. Si queremos que quede en el centro:
<a href='#' style='display croll;position:fixed;bottom:0px;center:0px;' title='ARRIBA'><img src="La URL de tu imagen" /></a>
- Ingresar a tu blog y buscas Tema
- Colocar la opción Editar HTML
- Pulsa Control F para buscar
- Buscas </body>; que se encuentra al final de toda la plantilla.
- Arriba de ese código ingresas esto: <a href='#'><img alt='ir arriba' border='0' src='dirección de la imagen' style='position:fixed; bottom:0; right:0;'/></a>
- Colocar guardar plantilla y saldrá tu imagen
