Si quieres añadir una imagen abajo a la derecha de tu blog y que se muestre siempre en la misma posición aunque te desplaces por la página, ahora os expliacaré con unos sencillos pasos como insertar este truco...Visto en Blog Hispano
Los pasos son los siguientes: Entra en plantilla-Edición de HTML, en la plantilla html busca </head> y a continuación pega este código justo encima .
código:
<style>
#imagen-flotante {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 200px;
width: 200px;
background: url(http://i11.tinypic.com/2r7oi6u.jpg ) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}
</style>
Lo que esta en rojo debes poner la url de la imagen que quieras insertar.
Ahora vamos por el segundo código, un poco abajo se encuentra <body> y justo debajo pones este código:
<a id="imagen-flotante" href="http://josscat.blogspot.com/"></a>
Lo que esta en rojo sería un vínculo, si quieres que se enlace a tu página principal pues pones la url de tu página o la que quieras. Si no queréis un vínculo quita esto
href="http://josscat.blogspot.com/.
Con el vínculo quedaría así:
<body>
<a id="imagen-flotante" href="http://josscat.blogspot.com/"></a>
y listos ya tenéis la imagen flotante en vuestro blog...Feliz día a todos ;-)
21 marzo 2007
Imagen flotante
Suscribirse a:
Enviar comentarios (Atom)
No hay comentarios:
Publicar un comentario