Colocar la Navbar o barra de navegación de Blogger en la parte inferior | blogsmadeinspain

Aquí encontrarás plantillas para Blogger diseñadas por mí totalmente gratuitas, conocerás como se manipulan imágenes, fondos, texto, enlaces o links, los mejores widgets o gadgets, herramientas y utilidades, etc... Y además puedo diseñarte una plantilla exclusiva para tí, totalmente a tu gusto, y solo por 38 Euros.

Colocar la Navbar o barra de navegación de Blogger en la parte inferior

A menudo se colocan en la parte superior de los blogs menús de pestañas o barras de navegación propias, pero no se quiere eliminar la barra de navegación que Blogger tiene por defecto.
Una buena solución para esos casos es colocar la navbar estándar de Blogger en la parte inferior de la pantalla, de forma fija.

De esa forma conseguimos que la atención de nuestras visitas se centre en nuestra navbar o menú de la parte superior, pero seguimos manteniendo la navbar estándar. Esto es muy fácil de hacer. Simplemente hay que colocar este pequeño código justo antes de ]]></b:skin> 

#navbar-iframe { right: 0px; bottom: 0px; left: 0px; position: fixed; }

También os comento que casi en la totalidad de las plantillas Blogger diseñadas por mí, elimino la navbar estándar de Blogger. Si queréis hacer el truco anterior, primero tenéis que eliminar esta línea de código que podréis encontrar antes de ]]></b:skin>

#navbar-iframe {   height:0px;   visibility:hidden;   display:none   }


4 comentarios:

CRISTIAN MAURICIO TORRES dijo...

ola quisiera pedirte un favor me podrias decir como hacer los datos personales asi como estan en este blog que l texto sube y que para cuano pongo el cursor y ademas poner una imagen mia mira este es el link
http://mispacticasdeblog.blogspot.com
es el que esta al lado derecho porfa contestame a cristiancmt12@hotmail.com

Nautica dijo...

Muy buenooo!!

luna dijo...


Uff podrias explicar un poquito mas como se hace, para los que no sabemos mucho es complicado gracias.

Blogsmadeinspain dijo...

luna, pocas explicaciones puedo dar más...
entra en "Plantilla" / "Editar HTML", localiza el código que indico y pega el código que comento al final de la entrada.