Mostrando entradas con la etiqueta crear imagenes flotantes en blogger. Mostrar todas las entradas
Mostrando entradas con la etiqueta crear imagenes flotantes en blogger. Mostrar todas las entradas

martes

Cómo crear una imagen flotante en el blog

Imagen flotante de Javi MoyaSeguramente muchos de vosotros habréis visto en muchos blogs una imagen estática abajo a la derecha que por mucho scroll que hagáis permanece inmóvil (Por ejemplo en el de Javi Moya la imagen de "Por cada comentario mato a un gatito"). Este tipo de imagen se llama imagen flotante, y para ponerla en el blog hay que editar dos archivos: la hoja de estilo del blog y la barra lateral. El proceso es sencillo, y basta con hacer lo que os digo a continuación. En primer lugar, si utilizamos Wordpress, abriremos la página style.css y si utilizamos Blogger la plantilla y añadiremos las siguientes líneas:



CLIC PARA VER TEXTO PLANO



#flotante {

position: fixed;

right: 0;

bottom: 0;


display: block;

height: 200px;

width: 200px;

background: url( http://imagenquequeramossubir.jpg) bottom right no-repeat;


text-indent: -999em;

text-decoration: none;

}




Luego, en Wordpress seleccionamos la página sidebar.php y nos ponemos al final del todo, mientras que en Blogger buscamos dónde termina la barra lateral y añadimos el siguiente código:



CLIC PARA VER TEXTO PLANO



<a id="flotante">Comenta</a>




Una vez hecho ésto, y tras guardar los correspondientes archivos, nos debería salir abajo a la derecha la imagen que pusimos. Disfrutadla ;)



Tags: