Menu flotante lateral para Blogger

Menú flotante lateral para Blogger: A veces no es suficioente con agregar un menú superior, pues hay otras cosas que queremos enlazar. En este caso les dejo el código para colocar un menú lateral flotante para el blog, es decir que a pesar de hacer scroll en la página el menú permanecerá sin moverse en su Blogger.


Este menú lateral flotante tiene 5 botones que permiten al visitante: ir a la página de inicio o establecer como página de inicio (dependiendo del navegador), agregar una entrada a favoritos, pasar a la vista dinámica del blog, pasar a la vista para móviles y acceder al feed del blog.
Si sabes de HTML puedes agregar más botones o cambiar las imágenes por otras.

El código es el siguiente:



Pueden probarlo al lado izquierdo de este blog.

Notas:

* El código debe estar ubicado justo antes de la etiqueta </body> (ir a Diseño + Edición HTML y buscarla en el código [Ctr + F para buscar rápidamente])

* Debes cambiar en el Código todos los lugares que dice pczeros.blogspot.com por la dirección de tu blog

* "Agregar a favoritos" funciona en Firefox e Inernet Explorer

* Para que las vistas dinámicas funciones debe de estar habilitado el Feed completo del blog (Configuración + Feed del Sitio + Permitir feed del blog[Completo])

Comentarios

  1. Muy buena entrada me gusto mucho me imagino que no hace lenta la carga del blogg, vamos a ver como me va ya mismo lo instalo.
    Saludos y muchas gracias por compartirlo

    ResponderEliminar
  2. Gracias por tus aportaciones que me han sido de gran utilidad al crear mi segundo blog de fotografía.
    Te añado a mi lista de blogs.
    Un saludo.

    ResponderEliminar
  3. Hola!

    Me paso para dejarte mi dirección de Blog que he creado de los Tamagotchis > http://tamagotchi-spain.blogspot.com/

    Espero que te pases y comentes, y que nos agreguemos si tienes blog tú también ^^ Recomiéndanos en tu Fotolog si puedes, te lo agradecería muchísimo! =D

    Un Saludo! =)

    ResponderEliminar
  4. Muy bueno, gracias. Lo he puesto y funciona, no se si también la vista dinámica y el RSS.
    Al abrir el blog sale a veces sale publicidad sonora (spam) de Durex, ¿como lo puedo restringir o eliminar? ¿Informo a blogger?
    Muchas gracias.

    ResponderEliminar
  5. Jhonnysan: No, para nada, el código es corto y deja lento el blog.

    Abel Corchero: Muchas gracias! y éxitos en tu nuevo emprendimiento.

    Fco Javier: Claro qué tengo blog! De hecho has comentado en uno de ellos! je je

    Francisco Cervera: Me alegro que te funcione! Recuerda también incorporar el Feed y las Vistas dinámicas. La publicidad seguro la está generando algo que tienes instalado en tu blog, no es un problema de Blogger, por lo que Blogger no te dará ninguna solución.

    ResponderEliminar
  6. Gracias por todo, Christian. Eres un genio, la verdad es que sale aveces y otraas no, revisaré todo poco a poc.

    ResponderEliminar
  7. Gracias! la verdad que me re sirvió! queria poder acceder a la vista dinamica sin perder mi plantilla y de esta manera puedo! lo que si despues voy a photoshopear un poco los botones y cambiarlos para que combinen con los colores de mi blog! pero anda genial!

    Saludos!!! si le modifico los botones te paso el link para que lo veas !

    saludos!!

    ResponderEliminar
  8. Muchas gracias! me re sirvio! voy a ver si lo photoshopeo para que me combine mejor con los colores de mi blog! pero era lo que queria poder acceder a la vista dinámica sin peder mi plantilla

    saludos! si cambio los botones te paso link para que los veas (no se el otro coment que habia escrito se me borro :(

    ResponderEliminar
  9. Excelente artículo. Muchas gracias por la información. El menú flotante me parece estupendo.

    ResponderEliminar
  10. Hola, primero gracias por todos los trucos que pones a nuestro alcance, son muy didácticos y me sirven de mucho.
    Quisiera preguntarte como hacer para que la ubicación no se vea tan centrada (en mi blog se ve así, en el centro del lado izquierdo), quisiera que se viera igual a la tuya y no se como hacerlo.

    ResponderEliminar
  11. Gracias por la recomendación, te cuento que elimine la vista dinámica y el feed y si me sirvió
    Vele en mi blog http://animacionesjuegos.blogspot.com/
    repito gracias y sçsigo pendiente de tus consejos

    ResponderEliminar
  12. Hola! Muy bueno el truco, sin embargo no puedo agregar un sexto botón al menú. Hay alguna forma de hacerlo?
    Gracias!

    ResponderEliminar
  13. Saludos amigo, muy buena tu pagina, con respecto a este menu flotante, quisiera saber si hay una forma de hacer que aparezca pero cuando el visitante este despues de la mitad del blogger o al final, es decir, que aparezca solo, o salga de lado, justo cuando se llegue al final. Precisamente buscando esto fue que llegue a tu blog, bueno gracias amigo de antemano por la respuesta.

    ResponderEliminar

Publicar un comentario

Antes que nada quisiera agradecete por la visita y por comentar en el blog!

También te quiero comentar que no tengo mucho tiempo para responder todos los comentarios inmediatamente pero siempre los contesto.

Saludos.

Nosotros somos pczeros... ¿Y tú?