personaliza títulos de gadget

Menú desplegable responsive con iconos de redes sociales – Blogger

menu desplegable blogger

Hace meses que me vienen solicitando un Menú desplegable responsive para blogger, y ya toca satisfacer vuestros deseos.  

En este caso la fuente es directamente única, ya que no he conocido mejor tutorial ni he tenido que investigar entre tutoriales complejos o en otros idiomas para compartir con vosotras cómo añadir un menú desplegable en Blogger, el mejor.  

Minerva Aurora , autora del blog Odisea Gráfica, ha desarrollado un menú desplegable con 2 extras para mí muy importantes y que hacen que sea la mejor opción para añadir un menú en nuestro blog.  

Un menú desplegable responsive y con iconos de redes sociales, ¿Puedes pedir algo más?

 En fin, como ella ha desarrollado el post de la mejor manera te invito directamente a ir por allá e ir paso a paso usando sus códigos y consejos y a la par, he hablado con ella, y he creado un vídeo tutorial para que te resulte mucho más sencillo.  

Te recomiendo que lo lleves a cabo viendo el vídeo tutorial.

Así que ya tienes todo lo que necesitas para tener un Menú desplegable perfecto en tu blog.  

Allá vamos.


Vídeo tutorial «Cómo añadir un menú responsive con iconos sociales en blogger»

  ¿Qué tal te ha quedado? ¿Conocías a Minerva? ¿Tienes algún problema? Lo que sea ya sabes, en los comentarios déjanos todo lo que quieras! 🙂

Comparte

MI LIBRO

TU PROPIO ÉXITO

DESARROLLO PERSONAL Y BRANDING

Consigue tu ejemplar con ejercicios e ilustraciones.

0 0 votes
Article Rating
Subscribe
Notify of
guest
20 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Aprendemos con mamá
Aprendemos con mamá
octubre 10, 2016 7:37 am

Yo borré las páginas cuando probé una plantilla nueva y ahora no hay manera de poner páginas sin que me salgan de forma horizontal, solo me salen en vertical.

Sii conozco su blog es muy bonito y tiene cosas muy interesantes!!

Un abrazo!

Mónica Lemos
Mónica Lemos
octubre 10, 2016 12:38 pm

Hola maja!! pues de esta forma tendrás tu menú fetén!!! 😉 ya verás qué majo, prueba a eliminar el que te viene por defecto en esa plantilla y añadir este!!

Si no, ¿tan enamorada te tiene la plantilla? pronto regalaré una muy chula 😉

Muack!!!

Aprendemos con mamá
Aprendemos con mamá
octubre 10, 2016 8:03 pm

Jajajaja cuando no me gusta una cosa por mucho que me guste la cambio aunque a decir verdad me gusta esta y antes con esta me salía bien solo que yo, no sé que he tocado que soy una manitas que la he liao bien jajajaja a ver si lo soluciono ya xD

Qué bien!! Seguro que será super chula la plantilla!!

Besitooss

Sin Glutenland
Sin Glutenland
noviembre 3, 2016 3:40 pm

Hola Monica Buenas tardes! He instalado todo tal cual lo explicas tú y minerva, pero me da un fallo, de "momento" todo parece estar bien, a excepción de que en la barra me queda separada del tope de la página, se me crea una especie de "hueco" ¿Cómo puedo solucionarlo? Un saludo muchas gracias. te dejo el nombre de mi blog http://www.singlutenland.com

Mónica Lemos
Mónica Lemos
noviembre 17, 2016 8:20 pm
Reply to  Sin Glutenland

Hola!!
he visto que lo has solucionado 🙂 me alegra mucho, se ve precioso 🙂

Un saludo, y gracias

María José
María José
marzo 9, 2017 9:10 am

Yo quiero hacer un menú horizontal abajo.

Mónica Lemos
Mónica Lemos
marzo 9, 2017 10:26 am
Reply to  María José

Hola María José, es algo muy distinto! Puedes ponerte en contacto con Minerva, la autora de este tutorial para que te oriente, 🙂

María José
María José
marzo 9, 2017 9:13 am

Este menú puede tener variss líneas?

Me gustaría tener un menú horizontal debajo de mis publicacionez

Mónica Lemos
Mónica Lemos
marzo 9, 2017 10:27 am
Reply to  María José

No es muy recomendable, porque tiene que ser claro y fácil de manejar para cualquiera que lo vea, a la vez que discreto y cómodo a la vista. De todas formas, como ya te he recomendado, ponte en contacto con Minerva para ver qué es lo que se le ocurre
😉
Muack!

María José
María José
marzo 10, 2017 5:41 am

Perdón leo tantos tutoriales que me lio sobre si he comentado o no. sobre todo si se me olvida dar al botón de que me avisen. Muchísimas gracias. Muack.

Leidy Murillo
Leidy Murillo
febrero 4, 2018 9:48 am

Primero que todo, agradecerte por el excelente trabajo que realizas, bueno gracias a ti por fin he podido ir organizando mi blog por blogger, he realizado todo los pasos del tutorial al principio todo bien , pero me dio por borrar el menu que ya tenía y ya no me funciona … hay seguire intentando, y queria saber que hago para solo tener un menu y no dos ? Me encanta tu blog , la presentacion es muy linda . Espero respondas saludos

Mónica Lemos
Mónica Lemos
febrero 14, 2018 7:58 am
Reply to  Leidy Murillo

Hola Leidy,
lo primero decirte que si haces copia de seguridad antes de los tutoriales luego puedes restaurar tu último diseño, y así nunca te quedas con errores. Lo segundo, está bien que elimines tu menú actual, si sabes hacerlo correctamente, y luego añadir este. Debes hacerlo con cuidado, paso a paso, para no tener errores.
Ánimo!
Saludos

Leidy Murillo
Leidy Murillo
febrero 4, 2018 9:52 am

Que oena contigo , quiero aprender tanto que se me olvido preguntarte como hago para que el menu se me vea en la version del movil , gracias nuevamente

Mónica Lemos
Mónica Lemos
febrero 14, 2018 8:00 am
Reply to  Leidy Murillo

Hola de nuevo Leidy,
para eso tendrías que tener una versión de plantilla para móvil completamente configurada como responsive.
Un saludo

Meraki
Meraki
febrero 13, 2018 5:57 pm

Hola Mónica,

estoy siguiendo al pie de la letra tu tutorial pero me ha surgido un problema justo en este paso.
Copio todo como has dicho, modificado con mis redes sociales y me sale el siguiente error:

No se ha podido cargar la vista previa del tema: Error al analizar XML, línea 924, columna 126: The value of attribute "class" associated with an element type "i" must not contain the '<' character.

Se refiere a las líneas de las redes sociales, justo al final de cada una de ellas, me coloca el cursor ahí y si borro el símbolo <, salta al de la siguiente red social y me da el mismo error. ¿Qué hago??

Mónica Lemos
Mónica Lemos
febrero 14, 2018 8:01 am
Reply to  Meraki

Creo que te falta ese código "<" en algún lugar,… Prueba a eliminar el código y copiarlo y pegarlo todo de nuevo.
Es importante no eliminar ningún código.
Mucho ánimo!!
Saludos

Justy Guedexz
Justy Guedexz
julio 14, 2018 10:20 pm

Hola! Gracias por toda la información!. ¿Como puedo hacer para colocar mi nombre al principio de la barra del menú? Gracias!

Betsabé
Betsabé
marzo 30, 2020 3:14 pm

Mónica, como siempre en mis comentarios te escribo ¡Muchísimas gracias!
Reemplacé el menú que tenía en mi blog por el de esta clase. Queda hermoso porque la página se ve limpia, además desde el smathphone se ve más moderno que el que se deja por defecto.
Muchísimas gracias y que estés muy bien en esta cuarentena,
Saludos desde Santiago de Chile #Dia15 #cuarentenavoluntaria.

Isa
Isa
octubre 27, 2020 6:22 am

Hola, Mónica. Tengo un gran problema: Cuando intento guardar el código del menú me aparece org.xml.sax.SAXParseException; lineNumber: 712; columnNumber: 5; The element type «html» must be terminated by the matching end-tag «». y no hay ningún ícono que diga html dentro de mi código que estoy insertando ¿Que hago?