Poner en el blog una imagen flotante o una imagen para Ir Arriba



Una imagen flotante o estática es una imagen que permanece visible aunque bajemos o subamos toda la barra de desplazamiento de una página y esta siga en el mismo lugar. Puedes ver un ejemplo en esta misma entrada, debajo del lado izquierdo verás la imagen que permanece ahí aunque bajes la página.
Puedes poner tu logo, un mensaje, una foto, o la imagen que más te guste. Colocarla es muy fácil, sólo entra en Plantilla | Edición de HTML y pega antes de </body> lo siguiente:
(Clic en el botón mas abajo que dice: Mas informacion  ...para ver completa esta entrada).




<img border='0' src='URL de la imagen' style='position:fixed; bottom:0; left:0;'/>

Sólo debes cambiar la URL de la imagen; esta imagen quedará en la parte inferior izquierda, para cambiarla de posición remplaza bottom por la palabra top, esto por si la quieres arriba. Y si la quieres a la derecha entonces cambia right por left y listo!

Este truco igual lo puedes usar para poner una flecha (ir arriba) y que los mande al inicio del blog, si ese es el caso entonces usa este código:

<a href='#'><img border='0' src='URL de la imagen' style='position:fixed; bottom:0; left:0;'/></a>

Fuente: ciudadblogger



Related Posts Plugin for WordPress, Blogger...

♥ ... Anímate y deja tu huella tu también!

  1. tie nes un blog hermoxo dios te bendiga!Y mucho! (b)

    ResponderEliminar
    Respuestas
    1. Gracias corazón! Gloria a Dios siempre! Dios te bendiga mas y gracias por tu visita y comentar! Que vuelvas pronto! :)

      Eliminar

❥ Un corazón agradecido siempre sabe decir gracias
❥ Y la forma mas fácil de decirlo es atraves de tus comentarios..
❥ Al hacerlo, se cordial y respetuoso..
❥ Se de bendición a los demás...
❥ Deja siempre la URL de tu blog para que podamos visitarte..
❥ Copia el código de texto para que agregues emoticones a tu comentario
❥ Para insertar imagen solo utiliza [img]URL de la imagen[/img]
❥ Para cambiar color de texto utiliza [color="red"]Aquí tu texto[/color]
❥ Para agregar un vídeo solo utiliza esto [video]URL del video[/video]
❥ Para crear marquesina se utiliza [ma]Aquí tu texto[/ma]
❥ Y recuerda: Dile NO al Spam...
❥ Bendiciones!

✿ TUS COMENTARIOS ALIMENTAN MI BLOG Y SON CARICIAS DE DIOS A MI ALMA ✿

≧◔◡◔≦ (っ◔◡◔)っ ♥ ❤ ❥ ✿ ☂ ღ ツ ☼ ✿◕ ‿ ◕✿ ❀◕ ‿ ◕❀ ❁◕ ‿ ◕❁ (◡‿◡✿) (っ◕‿◕)っ (►.◄) ╍●‿●╍ (•_•) (◐.̃◐) ..^.^.. ʕ•ᴥ•ʔ εїз Ƹ̴Ӂ̴Ʒ .^◡^. (≧◡≦) ✿❀❁ ° ♥ ❤ ❥ ❣ ღ ♂ ♀ ✔♚ ♛ ✝ ✉ ۵ ϟ

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer


=^.^= APRENDE A CREAR GRAFICAS CRISTIANAS CON NUESTROS TUTORIALES o☂O PARA COMENZAR BUSCA LA PALABRA "ETIQUETAS" EN EL MENU O EN EL TAGS =^.^=
El material compartido en este Blog :b5: es Propiedad Exclusiva de su Respectivo Creador conforme cada material.
Las gráficas que creamos y aquí compartimos son libres de uso, mas NO pueden cambiar, ni borrar, ni alterar nuestra firma ni el diseño de la misma.
Nuestras gráficas son creadas para uso personal, NO comercial.
:b8:Por favor respeta el Derecho de Autor :b8:
Nuestras Gráficas están Protegidas
Si eres dueño de algúna imagen o material utilizado en este blog, y estas en desacuerdo en que sea utilizado por este medio, favor hacérmelo saber vía e-mail para dar los créditos correspondientes o eliminarlo según tu parecer.
Contactame :e6: en : :a5: pinceladasdeprincesa@gmail.com

☂ Este blog tiene días

☂ Siguenos en Twitter ☂