Inicio > Tutoriales > Poner una Imagen Flotante para nuestro blog

Poner una Imagen Flotante para nuestro blog

septiembre 11, 2008 Deja un comentario Go to comments

Hoy vengo a hablaros de cómo poner en nuestro blog (ya sea de WordPress o Blogger) una imagen flotante que ahora están tan de moda ;P

La imagen en cuestión que pondremos aparecerá en el lado inferior derecho de nuestro blog, aunque también tenemos la posibilidad de ponerlo en el izquierdo por si tenemos nuestro menú en el lado derecho, pero eso ya depende de vosotros.

Muy bien… ¡empecemos!

# Código 1:

#imagen-flotante {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 200px;
width: 200px;
background: url( https://elbuscadordetiempo.wordpress.com/imagen1.jpg) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}

El código de arriba lo debes en la hoja de estilos (style.css) si utilizamos WordPress. En el caso que utilicemos Blogger, deberemos ponerlo entre las etiquetas style type=text/css y /style

La url que aparece en azul es la que cambiaremos por la url donde esté alojada la imagen que queremos poner como flotante.

Si usamos blogger, con eso ya habremos acabado, en cambio si usamos WP tendremos que hacer un paso más.

# Código 2:

<a id=”imagen-flotante”>Imagen Flotante</a>

Éste pequeño código lo deberemos de poner en un widget de texto. Con ese simple paso ya habremos acabado.

Seguro que asi captarás más la atención de tus visitantes ;)

Enlaces: Blog-Hispano

Anuncios
Categorías:Tutoriales
  1. Aún no hay comentarios.
  1. No trackbacks yet.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: