Como ocultar la barra de Blogger pero mantenerla visible al pasar el ratón sobre ella

En una nota anterior hemos explicado cómo podemos ocultar la barra de Blogger, pero esto puede resultar incómodo también si queremos realizar búsquedas o acceder a otras opciones de nuestro BlogEn una nota anterior hemos explicado cómo podemos ocultar la barra de Blogger, pero esto puede resultar incómodo también si queremos realizar búsquedas o acceder a otras opciones de nuestro Blog 


Podemos conseguir que la barra solo se muestre cuando pasemos el ratón por encima de ella utilizando la pseudo-clase Hover de CSS

Pasos a seguir:

  • Accedemos al panel de tu blog
  • Hacemos clic en Diseño (también denominada Plantilla) – Edición de Html

  • Localizamos el código que escribimos para ocultar la barra

  • Escribimos debajo del mismo el siguiente código

Como podemos ver, establecemos la opacidad a 100 mediante la pseudo-clase hover

  • Hacemos clic en Guardar Plantilla

0 comentarios:

Publicar un comentario

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Top WordPress Themes