Menu flotante lateral para Blogger

Tweet

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:

<!-- inicio codigo botones laterales --> <a href='http://pczeros.blogspot.com/#'><img src='http://goo.gl/csX5Y' style='display:scroll;position:fixed;top:300px;left:0px;z-index:10004' title='Página de Inicio'/></a> <a href='javascript:agregarmarcadores();' title='Agregar a Favoritos/Marcadores'> <img src='http://goo.gl/FXVml' style='display:scroll;position:fixed;top:350px;left:0px;z-index:10004' title='Agregar entrada a favoritos'/></a><script type='text/javascript'> //<![CDATA[ function agregarmarcadores() { if (window.sidebar&&window.sidebar.addPanel) window.sidebar.addPanel("PCZEROS","http://pczeros.blogspot.com",""); else window.external.AddFavorite("http://pczeros.blogspot.com","PCZEROS") } //]]> </script> <a href='http://pczeros.blogspot.com/view' target='_blank' title='Pasar a vista dinámica'><img src='http://goo.gl/y2iht' style='display:scroll;position:fixed;top:400px;left:0px;z-index:10004'/></a> <a href='http://pczeros.blogspot.com/?m=1' target='_blank' title='Versión para movil'><img src='http://goo.gl/xyC3v' style='display:scroll;position:fixed;top:450px;left:0px;z-index:10004'/></a> <a href='http://pczeros.blogspot.com/feeds/posts/default' target='_blank' title='Feed'><img src='http://goo.gl/QxCwY' style='display:scroll;position:fixed;top:500px;left:0px;z-index:10004'/></a> <!-- FIN codigo botones laterales -->

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])