Este tutorialito, es para hacer una barra de menú en blogger como la mía, ya van varias veces que me preguntan cómo hacerlo, y pues aquí les va mi guía. Antes de empezar guarda un backup de tu plantilla por si algo sale mal la puedas recuperar sin problemas.

El objetivo es lograr algo como esto para tu blog:

menu en barra

Para empezar, tienes que tener la opción de añadir más elementos de página en la sección del header, así:

barramenu

Blogger no nos lo permite por default, pero eso se resuelve fácil, vas a editar HTML de tu plantilla y buscas lo siguiente:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Donde cambiarás maxwidgets a 2 y showaddelement a yes. Quedando así:

<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>

Eso va a permitirnos añadir otro elemento arriba o bajo el header.

Lo que sigue es pegar un código en la plantilla para el menú. Esto lo vas a pegar antes de <head>

<style type='text/css'>
.barrademenu {
margin: 0;
padding: 0;
float: left; width: 100%;
font-family: Tahoma;
font-size:13px;
font-weight: bold;
margin-top: 0px;
border-bottom: 2px solid black;
border-top: 2px solid black;
background: #990000;
}
.barrademenu li {display: inline;}
.barrademenu li a, .solidblockmenu li a:visited {
float: left;
padding: 4px 15px;
text-decoration: none;
color: white;
border-right: 2px solid black;
outline: none;
}
.barrademenu li a:hover {
color: #ffffff;
background: #000000;
outline: none;
}
</style>

En ese código se incluye el estilo que va a tener el menú, puedes alterarle los colores si quieres que son los numeros de 6 dígitos (#000000, ver links al final del post), o usando nombres comunes de colores en inglés (white, blue, pink). Con el código así como está obtienes un menú igual al mio. Trata de jugar con los colores para crear uno que vaya con tu diseño. Ya que pegaste el código, guardas los cambios y vas a agregar elementos de página, agregas un nuevo gadget tipo HTML/Javascript y en el vas a pegar lo siguiente:

<ul class="barrademenu">
<li><a title="INICIO" href="http://www.direccion-de-tu-blog-aqui.com">Inicio</a></li>
<li><a title="Informacion" href="http://www.direccion-de-tu-blog-aqui.com">Acerca
de</a></li>
<li><a title="Contáctame" href="http://www.direccion-de-tu-blog-aqui.com">Contacto</a></li>
</ul>

Claro que cambias la dirección a la de tu blog. Con eso te saldrán 3 “pestañas” o espacios en el menú, para agregar una más sólo es necesario agregar otro de estos:

 <li><a title="Contáctame" href="http://www.direccion-de-tu-blog-aqui.com">Otro menu</a></li>

 

¡Genial!

Si has hecho todo correctamente hasta ahora tendrás una barra de menú que se ve muy bien, sólo hay un último detalle, todos los enlaces dirigen a el inicio del blog, ¿cómo agregar las secciones?

En blogger no se puede hacer una página estática, pero podemos simular una con una entrada vieja en nuestro blog. ¿Cómo?, puedes editar entradas viejas transformándolas en el Acerca de, Contacto y demás o puedes crear una nueva entrada para cada sección y cambiarle la fecha hacia atrás para que no aparezca en la portada cuando la publiques.

La fecha la cambias clickeando en Opciones de entrada e introduces la fecha y hora que desees.

barramenu1

Es buena idea guardar los posts de las secciones antes de tus primeras entradas (puedes revisar la fecha que esas tienen) así cuando alguien esté navegando por tu blog no se topará con los post del menú entre el contenido. También puedes elegir entre permitir o no comentarios.

Ya que hayas creado tus entradas puedes empezar a añadir el acceso a ellas desde el recién agregado menú. Lo que tienes que hacer es colocar la dirección de cada post que hiciste de secciones en el código del menú. Por ejemplo, en la sección de Sobre mí, más o menos así se vería en el código:

<li><a title="Conóceme" href="http://www.direccion-de-tu-blog-aqui.com/acerca-de">Sobre mí</a></li>

 

Creas tantas entradas y espacios de menú como necesites.

NOTAS:
Para buscar y encontrar algo fácilmente en la plantilla usa Control+F.

Te puede servir:
Web Color Chart / Para cambiar los colores del menú, no olvides el # antes de el código del color.
HTML color codes / Otra web con códigos de color.

[ ! ] Este es un tutorial del 2008, es decir es viejo, y yo ya no uso Blogger así que las cosas pueden haber cambiado, de cualquier manera espero que te haya servido.

Hay 248 comentarios
  1. muy buen truco…en unos dias lo implemento y te aviso como me fue

    saludos

  2. Esto va a hacer muy felices a algunos bloggeros :)

  3. ¿Y no tienes plantillas para wordpress.com?? :)

  4. Por fin!
    La explicacion esta muy precisa y muy bien explicada… tan bien que lo hice perfectamente. Pero creo que te falto explicar como ELIMINAR la barra vieja!
    Cuando pases por mi blog y veas como me quedo NO TE RIAS!
    Seguramente sabras como darle la ubicacion correcta xD
    Gracias, gracias y muchas gracias por esto y por todo lo demas, ya lo dije y lo repito: Tenes muy buena redaccion y haces de las cosas complejas algo simple.
    Muchas gracias, Koz ;D

    Kako: estoy segura que lo dijiste por mi… jajaja Besitos.

  5. Para ver los codigos de los colores yo sugieron Photoshop :D… jajaja… Buen tutorial ;)…

    Saludos

  6. Hartas gracias!

  7. Muchas gracias ya lo implemente en mi sitio.
    http://cdobregonnet.blogspot.com/2008/08/blog-kozmica.html

    Exelente aporte.
    Chessco
    http://enobregon.cdobregon.net

  8. UUUUUUyyyy muy bueno Kozmica, te estuve molestando por correo con lo de mis feeds, pero bueno ya puse uno nuevo, los otros no los elimine, ahi estan pero me cree uno con mi nuevo dominio :D
    Además seguí este tutorial que te felicito, está muy bueno, sin palabras, me saco el sombrero.
    Hice todo en 1 día, compre dominio, le puse el dominio a mi blog, lo remodele, etc etc jeje estoy muy cansado, así que es hora de descanzar mañana sigo retocando algunas cosas que me faltan :P

    Saludos…

  9. Estoy escribiendo un post sobre mi arduo trabajo de 1 día.

    Espero veas mi blog y des una opinión o crítica, y el que se anime tambien que me haga, un comentario sobre mi blog y su diseño.

    Esta es la entrada para que digan que les parece mi blog:

    http://www.nivmar.com/2008/08/todo-en-1-da-d.html

    Opinen sobre mi diseño :D

  10. muy buen tutorial…

    tengo dos dudas:
    1) el primer elemento siempre me queda mal
    2) me queda un espacio vacio en el final

    te agradeceria si pudieras publicar la solucion

    gracias

  11. Tambien saca el tutorial de como vectorizar nuestro rostros!!!!!!!!!!

  12. impresionante!!! la verdad es que sos muy buen guia en esto!! no puedo creer que me salió de una, gracias!!!

  13. amigo no me sale muy bien no se donde pegar exactamente gracias por la ayuda

  14. ok, me salio perfecto, solo una cosilla, se puede cambiar el tamaño de esta barra de menu?, es que lo quiero hacer más ancho

    Saludos

  15. Hola, bueno queria pedirte ayuda por que no me resulta del todo bien.

    Pego todos los code doy guardar, y cuando veo como quedo…esta en forma vertical y no tiene estilo

    te dejo mi blog para que veas en que falle: http://fullandrip.blogspot.com/

  16. Por favor, corrige el siguiente error y envía la plantilla de nuevo.
    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: Open quote is expected for attribute “{1}” associated with an element type “type”.

    me sale ese error al poner el código en la plantilla para el menú me podrias decir por que

  17. Gracias es lo que buscava por fIn…
    y muy bien explicado
    mi blog es de musica:

    http://zonaghetto.tk

  18. manupp:
    arreglas lo siguiente
    kosmica nos la dio asi:

    el error era de las comillas
    tu lo pegas asi:

  19. kAkO:
    Jeje, claro aquí pura repartición de felicidad

    guvida:
    Uhm, no, y que yo sepa no puedes personalizar las plantillas en wordpress.com sin soltar unos centavos, sólo se puede con el wordpress.ORG

    Nadia:
    :D De nada, lo prometido era deuda!

    Nebel:
    Ah pero instalarse photoshop nomás para ver los códigos de color jajaja …

    Wallas:
    ¡Hartas denadas!

    Chessco:
    Quedó bien, :D

    Marvin:
    Todo en un día, respire muchacho no se envicie tanto :P jaja… muy bien por cierto.

    John Doe:
    Eso depende de tu plantilla, todas son diferentes y es dificil decirte porque te queda así sin saber.

    Bort:
    Ahi tá ya :D

    alvarootero:
    Que bueno!

    Ely y Lizaar:
    Uh, prefiero que me digan amiga que amigo xD.
    Y no entiendo bien tu duda. Lo pegas antes de la etiqueta head en tu edición de HTML.

    Rodri:
    Sí, se puede hacer más ancho, solo cambias lo de padding: 4px 15px;, los números son pixeles, ahi le mueves hasta que quede a tu gusto.

    Niko:
    Creo que ya lo quitaste, asi que ni idea que pudo fallar.

    manupp:
    Si, como dijo Niko, es cosa de que faltan unas comillas, por ahí revisa el código que no te las hayas comido.

    HARRHY:
    Un placer :)

  20. Hola, me sale este error:

    No hemos podido guardar tu plantilla
    Por favor, corrige el siguiente error y envía la plantilla de nuevo.
    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: Open quote is expected for attribute “{1}” associated with an element type “type”.

    ¿Que es lo que tengo que cambiar del código, por alli vi que estaban hablando de unas comillas, sera que me pueden poner el código corregido?

  21. Hmmm, lo más probable es que por azares del destino se hayan cambiado las comillas cuando mude de hostingo algo por el estilo… están todas cambiadas xD

    Ahora lo corrijo. :D

  22. Como puedo alinear todos los botones en el centro de la barra en vez de la izquierda??. Me queda esa duda

    Gracias por la explicación :)

  23. Muchas gracias x ayudarme con ese pekeño truco a agregar un menu.
    no sabia como hacerlo.

    vale jefa!

  24. tambien tengo el mismo problema coloco ek codigo que pones hay antes del Head y me dice

    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: Open quote is expected for attribute “{1}” associated with an element type “type”.
    por que sera?

    Podrias colocar un ejemplo de como deberia de quedar dentro de la plantilla? por fa

  25. Kosmica de casualidad no sabes colocarle una imagen pequeña junto a cada enlace del menu?
    o podiras decirme donde lo puedo encontrar por que yo no lo encuentro :(

    te lo agradeceria.
    Saludos.

  26. A todos los que les marca el error
    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: Open quote is expected for attribute “{1}” associated with an element type “type”.
    Cambien las comillas de en ´text/css´ ponganlé comillas rectas (las que están abajo del signo de interrogación al lado del 0) ”.
    Espero que les sirva.

  27. Hola!
    no se si es por la plantilla, pero no encuentro la manera de sacar el menú de la cabecera :S

  28. No sé por qué, pero cuando intenté copiar el código que das me daba error (uso Blogger), no podía guardar ni previsualizar.

    Igualmente al final conseguí poner una barra de menú a través de otro proceso, gracias a otro blog tan fantástico como este. Dejo el enlace por si alguien le pudiera servir: http://elescaparatederosa.blogspot.com/2008/09/menu-barra-superior-con-buscador.html

    PD. Kozmica, ¿sabrías decirme cómo puedo centrar la barra, para que se vea igual en cada PC y navegador? Ahora tengo que estar jugando con “width:” para que se vea más o menos bien en todos.

    ¡Muchas gracias! :)

  29. Muchas gracias Kozmica. Lo he hecho con la variante de no ponerlo bajo el head ocupando todo el ancho del blog sino en el cuerpo central, sobre las entradas, en una plantilla de 3 columnas (sidebar-main-sidebar). También ha quedado estupendo. (En cuanto publique el blog podrás verlo, pues no es el que aparece ahora en mi perfil). Ahora quedo a la espera de la respuesta que le das a Cris, que también me interesa. Gracias de nuevo y un beso!

  30. Gente no se desesperen tanto, voy a arreglar el código, tiene unas comillas volteadas. Y luego veo eso del width. Como sea, ese link que dejo Cris a el escaparate de Rosa es muy bueno.

  31. Muy buena la entrada, justo lo que queria!!

  32. Hola, permiteme decirte que eres muy precisa al realizar tus explicaciones (Como pocos), ya que te ubicas como en lugar del otro. Yo tengo un buen manejo de la pc, pero poco de HTML, al realizar estos cambios buscando tener una barra de menus, trato y no puedo, estoy ansioso por poner menus a mi blog, si me ayudas te lo agradeceria, el error que me da es el siguiente:

    Por favor, corrige el siguiente error y envía la plantilla de nuevo.
    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: Open quote is expected for attribute “{1}” associated with an element type “type”.

    POR ULTIMO Y PERDONA TANTAS PREGUNTAS, DESEO SABER LA FUNCION ESPECIFICA DE EXPANDIR PLANTILLAS DE ARTIFLUGIOS

  33. Hola, cuando pongo la barra se ve en vertical, ¿podrian decirme como ponerla en horizontal y como ponerle fondo? como si fuese una barra

    gracias

  34. A mi tb me da error al copiarlo… Una ayuda pliss…

  35. buuuu ..me sale esto: …. que comillas estan mal …. es mi maquina’ o es el codigo? porfis si puedes avisarme que pasa?

    No hemos podido guardar tu plantilla
    Por favor, corrige el siguiente error y envía la plantilla de nuevo.
    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: Open quote is expected for attribute “{1}” associated with an element type “type”.

    AYUDA PORFIS!!!
    gracias

  36. Por favor,soy nuevo en esto. Ya instalé en el HTML el código para barra de menú, con algunas alternativas para derivar. Ahora..si oprimo por ejemplo Comentarios o Películas..como le hago al código para que se habra por ejemplo una Nueva entrada preparada especialmente para ese rubro. Podrías explicarme paso a paso.? Desde ya te agradezco..muy buenos todos tus aportes. Te saludo atte.

  37. P.D.: aclaro: mi idea es tener una página de Inicio casi vacía y derivar todas las entradas a “Comentarios” -los nombres son provisorios-, y poner para películas, juegos y otros,,que se abran ventanas o pestañas nuevas.. me explico.? jajaja xq yo ya me enredé..jajajaja.gracias

  38. el error es claro:

    =””clear:”/

    claro, no?

  39. El error que indica Kasafia se soluciona borrando las comillas simples de la línea:

    y volviendolas a escribir.

  40. aun sigue el error de por fis

    saludos

  41. Hola, una pregunta este menu que das es para instalar debajo del titulo de blogger?, a mi me interesa ponerlo arriba del titulo, lo he intentado pero no lo he conseguido, si el menu queda abajo por fa dime como debe quedar el codigo para que quede arriba.

  42. Hola yo estoi sigiendo tus pasos para poner el menu en mi blog de blogger pero me da este error al copiar el primer codigo:
    “No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: Open quote is expected for attribute “{1}” associated with an element type “type”.” ya he probado a copiarlo antes de y de y m aparece el mismo error.Si m pudieras hechar 1 mano.Gracias por adelantado y felicidades por el foro, es la ostia!!!

    Salu2

  43. OLA AMIGO NECESITO KE ME RESPONDAS ESTA DUDA SE LE PUEDE AGREGAR IMAGENES A LOS MENUS?

  44. Hola webmaster tu error es lo de las comillas solo reemplazalas por la comilla normal

  45. Hola KOSMICA luego de creados los enlaces como meto cosas dentro de ellos ya no me deja cuando abren solo puedo añador links.

  46. pero como se llama el tipo de tu plantilla

  47. como se llama tu template para bajarlo contesta porfavor

  48. por favor kozmica o alguien ayudenme como l hago para colocarle cosas a las secciones explikenme detalladamente x favorr!!!!gracias…XD

  49. donde encuentro la direccion d cada post para colocarlo en elmenu…y desde donde se pone x fa ayudenmeeee!!!!gracias!

  50. Dioses!! Eres la primera perrsona que explicó todo tal cual lo estaba buscando ¡y también diste tips de la fecha de las entradas!

    Muy buen blog =P

    Gracias!!

  51. Hola Kozmica! la verdad que queda muy bien la barra…pero me gustaria que se vea abajo del header.
    Te paso mi blog para que lo veas:
    http:\sociedadfriulanaparana.com.ar

    ¿Como hago para bajar la barra de menú?

    Desde ya muchas gracias…

  52. Disculpa que te lo vuelva a escribir, pero te pase mal el blog y necesito que te pegues una vuelta para ayudarme…

    Hola Kozmica! la verdad que queda muy bien la barra…pero me gustaria que se vea abajo del header.
    Te paso mi blog para que lo veas:
    http:\sociedadfriulanaparana.blogspot.com

    ¿Como hago para bajar la barra de menú?

    Desde ya muchas gracias…

  53. oye, estoy en blogger, y no entendi nada, yahice todo pero, me slae como si pusiera una lista de links, lo unico q no puedo hacer, es al principio, esas lineas q me dices q pegue antes de cual de todos los head, hay muchos!!
    spero q me ayudes saludos!!

  54. El error:

    Y pongan este:

    Solo cambian las comillas, eso era todo. Saludos. :B

  55. NO SALIO EL CODIGO :S

  56. Es el primer codigo, el que dice type, pongan esta comilla ‘ la normal y borran la otra obviamente.

    style type=’text/css’

  57. Ciertamente funciona perfecto, al 100%… pero sólo debo decir que no me gusta el hecho de que no lleva imagen y por lo tanto como petición personal, me gustaría que hicieras otro tutorial con la opción a insertar imagen dentro de dicho menú, para que no sea plano en colores…

    Por lo demás, mil gracias y felicitaciones por este excelente site.. ciao.

  58. Encontré uno que sí cumple con lo de la imagen amiga mía… espero que otros se sirvan de este tutorial:

    http://www.dynamicdrive.com/style/csslibrary/item/corp_blue_css_menu/

    En la misma site con el mismo tema, hay varios y buenos ejemplos con imágenes en su menú… ciao.

  59. Hola, pues yo puse y me aparecio para colocar el gadyet arriva pero lo de el codigo antes de “HEAD” no entendi porque mi plantillas todos dicen “HEADER” y le coloco antes pero nada ocurre, que se puede hacer??

    YioDiaz.com

  60. no me sale para agregar un nuevo gadget tipo HTML/Javascript en donde lo pego

  61. ya lo hice ya lo puse y funk perfectamente gracias

  62. gracias sos un capo ooooooo

    graciasss

  63. y a esta barra que has puesto se pueden poner imagenes en vez de la palabra inicio,contacto etc… si se puede me lo puedes explicar gracias.
    te lo explico mejor mi web es de futbol y me gustaria poner todos los escudos de 1 division en pekeño como en marca si te fijas, lo hice con otros codigos cc y me salio y despues de tanto trabajo me quedo fatal al ver esto en tu pagina he pensado lo voy a provar y me va de perlita pero quiero agregarle los escudos por favor sino es molestia te lo agradeceria

  64. lo de arriba mas o menos lo he solucionado no la manera que queria pero ya esta ahora quisiera saber si en esta barra que has puesto, como le puedo poner mas apartados o solo pueden haber tres

  65. una vez q estoy en una entrada vieja como la envio a Contacto Acerca de etc.
    ese detalle no lo entiendo de ahi genial todo me salio bien

  66. Hola esta excelente la explicacion , me quedo todo bien, solo que tengo una duda: ¿como cambio el color de la letra?, no se en q parte del codigo lo puedo cambiar.

    Gracias por todo :)

  67. MUCHAS GRACIAS POR EL APORTE ME SIRVIO MUCHISMO Y PUDE INSERTAR EL MENU HORIZONTAL, LEI MUCHOS PERO EL TUYO FUE EL MAS CLARO Y EFICIENTE. ESPERO TENGAS MUCHOS APORTES MAS. GRACIAS KOZMICA

  68. oye amigo lo de ¿cómo agregar las secciones?
    no me resulto me sige saliendo
    y supuestamente no me tiene que salir la informacion q e puesto
    a qui esta mi correo poncholv@hotmail.com

  69. soy una torpe integral en todo a lo que a ordenadores se refiere, ayer m hice un blog y hoy m e puesto valiente y he decidido ponerm una barra…. lo cierto es k aunk sea increible la he puesto, pero m ha faltado saber cm puedo cambiar las “casillitas” de inicio, acerca de y contacto. ¿Alguien me puede ayudar? mi bog es http://www.zapathita.blogspot.com, gracias por esas instrucciones tan buenas!!! espero respuesta. ciaooo!!

  70. mery te voy a contestar yo pq aqui para que te contesten te puedes morir.
    si quieres cambiarles el nombre solo tienes que entrar en el gadget y en el codigo donde pone la palabra inicio, acerca de, lo puedes cambiar poniendo “moda”. si miras mi blog arriba en la barra he puesto de todo jejeje. animo que a la que hagas dos o tres cosillas al blog veras que casi todo es facil

  71. despues creas el post y creas una etiqueta, vas a esa etiqueta y copias la url(la direccion donde esta ese post)te vas al gadget de la barra y en el codigo donde te he puesto el ejemplo moda o lo que tu quieras ponerle al lado hay una url la borras y pegas la url copiada de la etiqueta lo guardas, ahora todos los post que escribas y en la etiqueta le pones “moda” o el nombre que quieras que se llame la etiqueta y automaticamente esa publicacion sale en la pagina principal, pero tb si clicas arriba en la barra de etiquetas tb te sale el post, espero haberme explicado

  72. delujo!!! justo lo que buscaba para mi blog de musica electronica

  73. ESTA MUY BIEN PERO SOLO ME HACE FALTA UNA COSA, QUE QUIERO QUE CUANDO YO LE DE ALGUNOS DE LA BARRA ME MANDE DONDE TIENE QUE IR PORQUE ME MANDA CIEMPRE A ESTA PAGINA…

    Y LA EXPLICACION ESTA MUY BUENA…

    ESPERO QUE ME AYUDE EN ESO LO MAS PRONTO POSIBLE

  74. DICE K EL CODIGO SE PONE DESPUES DE DONDE ESTA HEAD LO PODRIAS ESPLICAR ESO UN POKITO MEJOR

  75. no lo entendi mucho como lo explicaste

  76. mira me refiero ak dice

    Lo que sigue es pegar un código en la plantilla para el menú. Esto lo vas a pegar antes de

    pero esk no se donde esta me lo podrian decir xfavor

  77. mira me refiero ak dice :

    Lo que sigue es pegar un código en la plantilla para el menú. Esto lo vas a pegar antes de head

    no se donde esta head decirmelo xfavor

  78. OK gracias me sirvió ene

  79. hola hize todo tal cual quedo bien pero no encuentro manera de agregar el post para cada casillero me pueden explicar por favor!!!!!
    eta es la pagina
    http://www.lutemixao.blogspot.com

    gracias

  80. muy bueno , me sirvio

  81. tengo un problema que si la plantilla mia no tiene (añadir un gadget) que puedo hacer porque no me sale nada

  82. Muchas gracias por el “truco” Estais todos invitados a mi blog para verlo.

    Los enlaces los he hecho con “etiquetas” en blogger.

  83. Hola amigo, te felicito por tu blog y muchas gracias.
    Mira tengo un problema para colocarla barra de menú por que mi blog no tiene la barra para añadir gallet después del, si me puedes ayudar con esto te lo agradecería enormemente.

    hahaaah y aceptó todos los consejos que me quieras dar para mejorar mi blog, gracias

  84. Hola amigo, te felicito por tu blog y muchas gracias.
    Mira tengo un problema para colocarla barra de menú por que mi blog no tiene la barra para añadir gallet después del titulo, si me puedes ayudar con esto te lo agradecería enormemente.

    hahaaah y aceptó todos los consejos que me quieras dar para mejorar mi blog, gracias

  85. GRACIAS POR ESTE TUTORIAL, REALMENTE ES MUY BUENO PARA LOS QUE ESTAMOS EMPEZANDO CON LOS BLOGS. ME GUSTARIA SABER COMO HACER VENTANAS EMERGENTES, Y COMO MOSTRAR SOLO LOS TITULOS DE MIS ARTICULOS Y NO ASI COMPLETOS. GRACIAS!!!!!

  86. hola muchas gracias hice todo bien hasta la parte donde tengo que cambiarle la fecha a las entradas para que no me lleve al inicio ya le cambie la fecha pero no tengo idea de como ponrla en el enlace por fa dime como

  87. Wow! al fin algo que entiendo!

    xDD…
    ahora ya podre poner el menu que tanto eh deseado… amm.. gracias ^^’

  88. Hola, solo queria darte las gracias porque el codigo me funciono de 10 y el consejito al final me ayudo, ya que no sabia si se podian hacer paginas estaticas :)

  89. Hola, ya he puesto la barra de menú en mi blog, lo que no he podido hacer es poner las entrads dentro de cada menú de la barra, me aparecen publicadas en la pagina de inicio y no asi dentro de los menus, si me podrias ayudar te lo agradecería.

    Muchas gracias…

  90. muchas gracias me sirvio mucho aqui te dejo mi blog http://twi-tards.blogspot.com/ ve y dime que te parecio por fa

  91. hey buenisimo aporte gracias! ;D.. pero tengo una duda.. a qe se debe qe al final de la barra de menu qede un espacio? ai forma de solucionarlo?… Gracias de antemano.. Saludooos!

  92. waa ia supe como… gracias de todos modos ;)

  93. HDisculpen mi ignorancia, pero como hago para que me aparezca la entrada que hice. Es decir, al darle click a mi boton del menu me dice que la pagina no se encuentra en el blog.. :S

  94. buen aporte compañero,lo probare y te digo
    gracias

  95. Gracias! me ha sido muy útil después de varios intentos artesanales fallidos. Mis gracias!

  96. me puede enviar a mi correo un video tutorial que no entiendo mi msn es manrique-00@hotmail.com

  97. Excelente espero que lo pueda hacer bien, lo que no me quedo muy claro fue la cuestion de “agregar secciones” pero ahi les aviso como me fue..

    una cosa aprovechando el comentario.. sabes como puedo poner iconos ? por ejemplo el icono que todo mundo usa para que se suscriban a su blog el rss gracias… XD

  98. Muy buen tutorial. Gracias. Lo único que no puedo hacer es publicar cada entrada en su menú correspondiente.
    No sé donde añadir el código.
    Estaré pendiente de tu respuesta.
    De nuevo gracias

  99. hola,como estas…una pregunta si eres tan amable:
    ..llegue bien de acuerdo a tu consejo sobre la barra pero me atraque en como hacer para colocar el link de mi pagina correspondiente a donde quiero que se direccione..por ejemplo para ir a “sobre mi”…entiendes?…….puse la de donde edito y claro esa no es como hago para poner la correcta….gracias.
    c

  100. …otra pregunta,mil disculpas.
    hasta ayer podia ver perfectamente la relacion de mis posts o entradas al lado izquierdo de mi blog…pero hoy no se ven…eso sabes es importante pues la gente que visita el blog…muchas veces quiere ir directo a una parte del blog y no tener que buscar donde lo encuentra…..que podria hacer para poder ver de nuevo lo que te mencione?…..muchas gracias adelantadas.
    Nota:
    si entras a mi blog tu mismo veras que en recent posts….no sale nada…sale como blanquecino…pero vacio….muchas gracias.
    carlos

  101. Conchale te doy las gracias mil veces!!!!!!! al fin alguien que explica paso a paso!!!! ya lo hice y me quedo!!!! pasate por mi blog para que lo veas y te sientas orgullosa de mi jajaja. pero te tengo una preguntita… sabes que tu pones el link del contenido para que cuando pinches la pestaña te salga eso. como hago para colocarle mas entradas a una de las pestañas?
    Ejejmplo: tengo la pestaña Inicio. y en inicio principalmente coloque una entrada que dice fotos de gabi.
    luego cuando le quiera subir otra entrada para que quede en la pestaña inicio como hago?? le copio dos links en el codigo?
    si puedes ayudarme con eso te lo agradeceria!!!!!

  102. gracias por la explicacion del menu en el blog..pero tengo problema con los link para los encabezado..no he logrado hacerlo…te pido que me ayude en eso porfavor..

    gracias

  103. Hola! Muchas gracias por la explicación, muy bien detallada!
    La barra de menú se puede centrar?

  104. hola, yo segui todos los pasos, no tube ningun problema, pero ahora lo que pasa es que ya introduje la barra de menu (home, quienes somos etc) pero lo que ocurre que al ir al inicio de mi blog aparece todoo.. eta bm eso?
    o sea.. tengo un blog de animales, yo keria dividir kada post en cada “boton” de la barra de menu pero al entrar al blog me aparecen todos los post.. te dejo mi msn y mi blog
    http://www.amorbichero.blogspot.com
    nikitaph_4ever@hotmail.com

    igualmente muchas gracias, gracias a este tutorial logre lo que queria, slaudos

  105. Gracias. Eres un genio

  106. Estupenda explicación y blog. Felicidades!!
    Me ha funcionado a la primera.

  107. Buenísimo! Experimentando…

  108. no me sirvio mucho porque solo me aparecio el nombre pero no me aparecio el recuadro de la barra de menu

  109. oye muñeca….mil y mil gracias ojala me tengas en cuenta cuando hagas otro aporte. exitos y gracias por compartir

  110. gracias me ha sido de gran utilidad

  111. hola amigo tengo un problema con la barra de menu horisontal se me escuende debajo de la plantilla donde esta las entrada de mi blog haver como puedo arreglarlo ya q yo lo veo bien pero cuando lo ven los demas dicen q la barra bertical no sale entera un saludo

  112. Hola Kozmica
    Coloque la barra de menú en mi blog, podo salio bien pero no entiendo como hago para colocar las entradas que ya estan creadas en el blog que aparescan en cada seccion del menú, he estado intentando el truco que mencionas pero no me sale. te agradezco me expliques mejor
    si deseas pasa por mi blog
    http://www.tecnoticph.blogspot.com
    muchas gracias de antemano por tu colaboración

  113. Hola esta muy bien tu menu se puede hacer lo mismo si además tuviera submenus?

    además como aparecería si tengo dentro de los submenus un vinculo con alguna deireccion.

    se seguiría manteniendo fijo el menu con los submenus.

    gracias de antemano por tu atención

  114. Gracias por la infomacion me es muy util, ya la prove y funcino muy bien, solo te quiero preguntar como le haria para cambiarle la forma a la barra de menu y hacerla mas atractiva? gracias…

  115. Hola sabes me a surgido una duda al menú se le pueden colocar imagenes en los botones? si es asi como se ase ?
    lo que quiero es como el menù que tienes tu pero con la barrita de windows vista se puede ?

  116. Muchas gracias por la información me fue de gran utilidad… si quieres ver como quedó visita mi blog… Gracias

  117. Hola.
    Gracias por la informacion, me ha servido mucho.
    Pero, ¿me podrías decir como ponerle botones al menú?

  118. hola, fijate que la última parte para reediccionar las entradas a la barra, no lo logré, podrías ayudarme. Gracias !!!

  119. AVGUNQUETSÓ POYT-STAR VADFELL

    que bien a mi me funciona, ¡Muchas gracias!

  120. Muchísimas, Gracias, me salio perfecta solo que le hice una pequeña modificacion la meti abajo head y me quedo perfecta por debajo de mi logo porque arriba tengo una marquesina, en fin Gracias

  121. Hola!!
    Bueno hace un tiempo que he puesto el menu que has dicho y genial, me ha encantado. Pero ahora que mi blog empieza a tener mas entradas como que echo en falta unos submenus en el menu entonces preguntaba si hay alguna posibilidad de ponerlos…
    Mil gracias
    un saludo

  122. Hola! me quedo muy bien, pero quiero poner un cuarto item y no puedo!!!
    me aparece noce que cosa tipo me queda mal….
    graz..

  123. Muchisimas gracias, porfin alguien que lo explica bien

  124. Sabes la verdad lo de la barra esta OK
    Dime amiga por favor como configuro para que un sector quede encendido de otro color cuando me encuentro en otro enlace…
    Solo resalta al pasar OK
    pero al ingresar a una nueva pagina, post o blog deveria quedar de ese color para diferenciar y entender donde me encuentro….
    Por tu ayuda grasias…(Abrazos)

  125. maileth paola villa gastelbondo

    hola como estas

  126. GRACIAS ES EL 1º MENÚ QUE ME SIRVE!!!!!!!!!!! me anduve todas las pags. webs, incluso las que crean menús css y no me funcionaron…

  127. Saludos, muy buena tu ayuda, pero yo tuve un problema al seguir tus pasos, me sale el menu pero como una lista mas no como la tabla chevere que tu tienes..me puedes ayudar??

  128. Hola mis felicitaciones por este aporte de informacion muchas gracias un coordial saludo.

  129. OYE ES URGETENTE QUE ME CONTACTES ESQUE NO SOY EXPERTO EN ESTAS COSAS Y PUES ME FALTA EL COLOR POR QUE ESTA INVICILE LAS LETRAS Y SOLO RESALTA LAS RALLAS DE SEPARADO Y CUANDO LE DOY CLICK AL LINK QUE AGREGE EJ: cONTACTAME ME TRAE AQUI

    ES URGENTE AGREGAME!!!!

    tufutbolextremo@hotmail.com

  130. Hola hola. Antes que todo.. muy buen blog para las personas que no saben nada.. como yo…
    Hice todo lo que está apuntado más arriba, pero salió algo mal.. dos solapas quedan bien dispuestas.. la última, que dice contactos.. quedó más abajo que las otras.. no bien acomodada en la fila.. cómo podría solucionar esto?.. agradecería tu pronta respuesta.. ya que he recorrido por doquier y siempre me pasa algo similar.. se agradece desde ya..

  131. amigo.. ya lo solucioné corriendolo de lugar.. ahora me surge otra duda y perdona mi ignorancia respecto del tema.. cómo hago para –cuando hago click en los botones me lleve al lugar que deseo?.. debo poner una página.. pero cual?.. esa parte se me complica.. cariños

    • Si tu tienes por ejemplo un post en tu blog que habla del “Acerca de” entonces entras a ese post y te fijas en la dirección que tiene, la copias y la pegas dentro del código del menú reemplazando la dirección que ya tiene un botón, justo después de a href=” así cuando clickees ese item te llevará a esa dirección.

      No sé si me explique…

  132. Saludos a todos, solo tienes que ordenar bien tal y como explica aqui ps si fallan en algo de todos modos dentra algun desperfecto, …….. Gracias por su ayuda amix, me salio todo perfec hasta la color no tuve que cambiar porque si va con mi blog jejeje..

  133. oe ta bueno el post, me sirvio , Gracias

  134. !!!!Gracias!!!! Me sirvió mucho y me hice sumamente feliz poderlo hacer.

  135. OIE YA HICE TODO BNN, PERO ME FALTO LO DE LOS ENLACES. AS DE CUENTA QUE TA BIEN CHULA LA BARRA PERO CUANDO LE DOY CLICK PARA VERIFICAR ME MANDA A LA FREGADA!! LE DOY CLICK Y ME MANDA A OTRO MUNDO ENVEZ DE QUE SEA OTRO ENLACE PARA PUBLICAR ALGO AHI. Y POES NO SE SI ME ENTENDISTE LO QUE TRATO DE DECIRTE. ESPERO Y ME CONTESTES PRONTO. CHAOO

    • Acabo de entrar a tu sitio y noté que todos los botones de la barra tienen la dirección de la portada de tu blog, tienes que cambiar la URL de cada botón por la dirección del post o página a la que quieres te te lleve cuando hagas click.

      Es lo que va después de href=”http….

  136. OYE SOEE EL MISMO, YA QDOOO STA BNN CONGANAS, AHI TE ECHAS LA VUELTA AVER TU OPINION. NO SE COMO VES LA PAGINA SI TE GUSTO ES DE DEPORTES :).

  137. muchísimas gracias por el aporte de como hacer barras de menú, hace mucho que intento y no sale, soy nuevo en esto y bueno, trato de hacer lo mejor posible con la ayuda de personas como tu, de apoco pienso ir mejorandolo y bueno, después que este quede pronto me gustaría saber como se hacen los menú pero con varios en cada uno, por ej. en de enlaces que al poner el puntero encima se deslice hacia abajo las opciones, no se si me explico, bueno, desde ya muchísimas gracias

  138. OIE TENGO UNA DUDA YA CAMIBE TODAS LAS DIRECCIONES Y ME QUED BIEN PERO, COMO PUEDO PUBLICAR NUEVAS ENTRADAS SIN QUE SE BORREN LAS DEMAS QUE TENGO. POR QUE QUISE PONER UNA NUEVA ENTRADA EN UNA DE LAS OPCIONES DE LA BARRA Y LE PUSE LA DIRECCION DE LA ENTRADA PERO LA OTRA ENTRADA QUE ESTABA EN ESTA DIRECCION DE LA BARRA SE BORRO. AVER SI ME ENTENDISTE Y SI ME EXPLIQUE

    ESPERO TU RESPUESTA!!!!!!

  139. Hola!! que tal!! éste tutorial me ha caido de maravilla!! solo tengo una duda (. .) puedo hacer de éste menú un desplegable?? y si se puede… me explicarías?? por favor?? por lo que mas quieras!! me ayudas, me ayudas, me ayudas???

    Muchísimas gracias!! ecelente sitio y tienes muy buenas ilustraciones!! ^^ ojalá puedas ver mi blog!

  140. Hola. muchas gracias por esta información. sin embargo necesito que me digas porque la barra de menu me sale entera con color verde oliva. he probado cambiar los codigos de los colores en html, pero sin resultado.
    Otra cosa, Como podría cambiar el formato de la barra. gracias de antemano por la informacion.
    Saludos

  141. Muchas gracias por la información.
    Tengo una duda.
    Seguí los pasos, cambié los colores y todo… Pero la barra me sale en la cabecera… atravesada y no debajo… ¿Cómo soluciono esto? Muchas gracias de antemano.

  142. Mi duda es la siguiente:

    ¿Y cómo haces para que la entrada que está enAcerca de mi, por ejemplo, sólo aparezca en ésa sección y no en el inicio?, es decir, yo escribo una entrada, y se publica por un lado en el Inicio, y además en la sección correspondiente, y lo que yo quiero es que no se vea en el inicio, sólo en su sección.

    Te lo agradezco.

    Un saludo!

  143. Tuchtlan Unido

    Excelente post, despues de tantas vueltas encontré lo que buscaba y si da resultado.

    Muchas felicitaciones.

    El unico asunto es que no he podido agregar una pestaña mas, ya que con tu instruccion solo puedo agregar 3 pestañas, y cuando quiero agregar otra pestaña simplemente no he podido.

    Seguirè intentando pero te mando MIL FELICITACIONES

  144. ni entendi

  145. Muchas gracias por el aporte, me hubiera gustado un menú más sofisticado pero he rebuscado por todas partes y no me acababa de aclarara con los códigos que tenía que poner y donde. Tu menú es sencillo pero la explicación también lo es por lo que te lo agradezco mucho. Puedes pasarte por mi web y comprobar como queda

    http://sonia2179.blogspot.com/

  146. sandra milena

    hola mira lo que pasa es que estuve intentando cada uno de los pasos pero no me sale la barra de menu me sale es todos los codigos que le meti en gadget

    que hago??? seria que los coloque como no era por fiss ayudame

  147. Alguien me puede ayudar para poner la barra en una Web. La tengo puesta y falla como podréis ver en esta http://www.rondansport.es
    Saludos.

  148. Buenas Kozmica resulta que tengo varias entrada en pdf y tengo la barra de menú, y en uno de los menus quiero colocar todas la entradas en pdf en un solo menu

  149. Hola, gracias a vos aprendí a como añadir un Menú Horizontal a mi cabecera. Te estoy muy agradecido y te dejo una consulta.
    ¿Cada botón del menú se puede reemplazar por algún diseño propio, y a la vez darle más margen para que queden separados uno del otro?
    Muchas gracias y saludos.

    • Se puede poner lo que quieras en cada elemento de la lista (los li’s), incluso poner imágenes o un bonito fondo para el menú, lo importante es jugar bien con el css.

      El margen lo puedes editar en: padding: 4px 15px; , o añadir margin: 5px;

      A según el espacio que necesites aumenta los pixeles.

  150. me sirvio de mucha ayuda toda tu imformacion pero desde que e puesto la barra de menu como puedo por ejemplo:
    clickear en inicio y que aparazca mi informacion en vez de kozmica.com?espero respuesta gracias

  151. sandra milena

    hola yo ho he podido colocar la informacion en el menu porq no entendi muy bien tu explicacion en esa parte de como colocar la informacion por ejemplo de mi contactos parza que aparezcan el la opcion del menu

  152. hola muchas gracias en serio no se nada de diseño y ahora tengo una tabla en mi blog aunque es todo lo que tengo ahorita jaja y no supe como cambiarle el color rojo pero bueno todo me salio bien, lo unico que me gustaria preguntarte es como tengo que poner para crear el link en los botones y que cuando le den clic vaian a equis entrada, porfa si pudieras responderme n.n

    • Copia la dirección de la entrada a la que quieres que lleve el menú y en el código cambia la dirección que tiene cada “li”

  153. hola si alguien tiene algun problema con codigo html o implementar este menu contacte mi blog y ahi le resolveré sus dudas con mucho gusto http://edu-dan.blogspot.com/2008/10/ayuda.html

  154. Muchísimas gracias…funciona de maravilla—=D

  155. hola amigo.. esta bueno tu tuto.. pero me falta el ultimo punto.. como hago para q la barra me direccione al otro blog.. osea el ultimo codigo q tu das q es este:

    Sobre mí

    donde lo tengo q poner? esa es la parte q no entiendo.. porfa ayudame…

    • Copia la dirección de tu blog y en el código cambia la dirección que tiene cada “li” del menú, son esas que comienzan con “http://…

  156. Me ayudó de mucho, gracias por todo, sigue adelante

  157. eii no me funciono los colores ni editandolos en la palilla salen komo kiero solo se ven una rata negra arrivita y lo demas blako y ps las etntradas de negro como le ago??

  158. carlos fernandez

    muy buena tu pagina, me esta ayudando muchisimo.soy nuevo en esto y quiero saber como tengo q hacer para cargarle info a mi menu. baje este q pusistes vos y me quedo de 10. parece una pregunta tonta pero soy aprendiz en esto.ej. fotos,videos,campeonatos, etc. los cargue en mi blog pero no se como hacer para cargarles fotos, videos e info varia. agradezco tu respuesta y muchas gracias x todo

  159. Estimada Joven muy agradecido por la sencillez que usas para explicar este tema que me parecía un tabú o solo para experto dando un pequeño tiempito he podido seguir paso a paso todo lo que enseña y me ha salido la barrita que tanto he querido aprender. Dios te bendiga por estos consejos tan sencillos y simples que nos regalas con mucha paciencia y cariño. Bueno te cuento que ahora voy a buscar los colores y las pestañas que interesa en mi blog. tu amiga y hna. en Cristo Jesús maria de Peru, Lima, dist. SMP

  160. Hola kozmica, gracias por los tutoriales, empecé hace dos dias a intentar modificar mi blog y me has servido de una gran ayuda. Empece con mi blog con la idea de hacerme una pequeña galeria fotográfica, sin más, pero me estoy dando cuenta de las posibilidades que tiene para personalizarlo.

    Gracias, y por cierto, te he copiado el menu tal y como lo pones en el tutorial, he intentado modificar colores y demas pero no lo he conseguido. Con el tiempo aprenderé.

  161. Hola Kozmica, gracias por tu estupenda y clara explicación. He podido modificar colores, enlaces y demás… pero tengo dos problemas:

    1 – Al crear el gadget, me obliga a poner título y lo que hace es ponerlo encima de la barra de menú (y queda horrible) ??
    2 – La barra de menú es más pequeña que la página con lo que no cubre toda la ventana ??

    Gracias por compartir tus conocimientos de forma tan sencilla.

  162. una pregunta como le cambio el color?? gracias

  163. uff wena me sirvio, gracias

  164. Hola, Kozmica:

    Hace tiempo creé el menú. Pero ahora quisiera reducirlo de ancho, pues me ocupa casi toda la página y me sobra parte del mismo que no utilizo. ¿Qué debería cambiar para limitarlo al cuerpo central, y que no se extienda también por el anco de las sidebar. Gracias.

  165. hola si me ha servido mucho tus consejos pero una pregunto. supongamos que ya hize el menu y en una de las secciones le puse videos como puedo agrgegar dos dirreciones : aqui te va un ejemplo

    href=”http://mihombrelobofavoritojacoblack.blogspot.com/2010/05/show-de-opha-subtitulado-parte-1.html”,
    “http://mihombrelobofavoritojacoblack.blogspot.com/2010/05/show-de-opha-subtitulado-parte-2.html”>Videos

    con que separo esas direcciones , con comillas, con comas , que puedo hacer????

  166. muy bueno ya lo coloque en el mio

  167. reconchatumadre n0 me salio lo que keria me cago el blog no pouedo añadir ningun jadyed aora te denunciare y a tu mama me la follo!!

  168. Es mas facil agregar el gadget horizontal debajo de la cabecera y buscar el gadget html javascript e insertar alli el codigo y ya esta listo…bien facil.

    Proceso:Agregar gadget
    luego buscar la opcion hatml javascript e insertar codigo.

  169. hola!! todo muy bien explicado, pero a mi me da un problema, me podrías ayudar????

    En la última parte donde hay que ir a elementos de la pagina y añadir un gadget, lo hago tal y como dices, eligo “añade tu propio” pego los datos y me dice: LA URL CONTIENE CARACTERES NO PERMITIDOS…
    no tengo ni idea! jiji

    Muchas gracias,

    Cris

  170. Uffff…. gracias por lo ayuda!!

  171. no me funciona con las nuevas plantillas de blogger no me aparece el primer codigo

  172. Muy bueno el tutorial, me salido excelente. Gracias a tu ayuda ke logrado el objetivo y he credao 4 secciones INICIO, QUIENES SOMOS, NUESTROS SERVICIOS, CONTACTENOS . Dime como tendria ke hacer para que en la seccion NUESTROS SERVICIOS se despliegue mostrando cada uno de los servicios ke brindo que son 5 los cuales vendrian a ser SUB MENUS creo.

    saludos y gracias

  173. Hola, muy buena tu ayuda, lo que me gustaria saber es como cambiarle el ancho y el largo a la barra porque no la utilizo toda y queda medio mal.. muchas gracias!

  174. margarita torres toro

    muchas gracias por la información. de verdad fue de gran ayuda para ayudarle a mi primo con su tarea.

  175. muchas gracias, la mejor explicación, simple y precisa

  176. Mil Gracias!! Me sirvió muchìsimo…

  177. Hola, que tal? Te quería hacer una consutal, no entiendo bien lo que tengo que hacer. Vi que hay dos de estos: , cual de los dos debería cambiar? Y luego quiero saber donde encontrar porque encontre que sería el que cierra el “head” si mal no me equivoco. Si me pudieras dar una mano te lo agradecería. Mil gracias!

  178. Estimado Amigo,
    Gracias por este tutorial.
    Tengo un pequeno problema, como hago para enlazar mis entradas a la barra de menu??
    respondeme a mi mail porfavor.
    Eduardo

  179. Como puedo transformar una entrada en Acerca de.. por ejemplo. Si pudes por favor me contestas a mi mail
    Mil gracias
    alpacas.people@gmail.com

  180. ……………………………………………………………………………

    Kozmica:

    1.- MIL GRACIAS, llevaba mucho tiempo queriendo poner barra y no lo consegía!

    2.- Me ha salido genial todo (lo cambie de color, puse los links, puse la barra mas ancha)…gracias de nuevo

    3.- El PROBLEMILLA surge cuando añado una cuarta/ quinta… sección (en vez de salir a continuación del resto, en horizontal, la nueva seccion aparace abajo, en vertical POR FAVOR; AYUDAME!!!)

    Mil gracias por todo, de verdad, se garadece un montón que haya gente como tu para echarnos un cable!!! http://www.bartabacmode.com

    ……………………………………………………………………………..

  181. MIL GRACIAS!!!!!! POR FIN TENGO MENU EN MI BLOG,

    UN BESO!!

  182. ami no me sale esto
    k as dicho

  183. Hola Kozmica buenisimo el blog, ¿como hago para que el mio luzca asi de bonito?. Recien empiezo con este tema del blog, y queria saber si me puedes ayudar, intente poner la barra, pero no encuentro la linea que mencionas, ¿puede ser porque utilice una plantilla del blog?¿tengo que utilizar la plantilla standard?, por otra parte, ¿como se hace para poner la seccion vuestra “Mantente Actualizado”?. Disculpa las preguntas basicas, pero recien arranco. Espero tu pronta ayuda.
    Gracias
    Vicky

  184. HOLA KOZMICA EL TUTORIAL ME HA SERVIDO DE MUCHO ESTOY COMENZANDO EN ESTO VOY A SEGUIR IVENTANDO.

    JAJAJA
    GRACIAS MIL Y CUIDATE.

    JOSE

  185. Hola muchísimas gracias, no sabes de cuanta ayuda me ha servido. Recién comienzo con mi blog y algo muy importante es el diseño y bueno después de buscar un montón de plantillas me quede con una pero no sabia como quitarle el menú con que vino y ponerle otro , bueno hasta luego estare visitando tu blog te ganaste un seguidor

  186. hola logre todo lo que pusiste y todo salio exelente pero no entendi lo de rellenar cada parte del menu con las cosas que quiero que salgan cuando le doy al boton, tengo varias entradas viejas que es lo que tengo que poner y en donde para que ejemplo los zarcillos salgan en el boton de zarcillos.

    graciasssssss

  187. gracis me gusto muchisimooooo

    visiten mi blog es estupendo pueden descargar juegos gracias

  188. hola kozmica queria saber como le cambia de tamaño a la barra de menu , porfavor contestame . gracias :)

  189. hola! todo sale perfecto
    pero solo puedo colocar 4 pestañas, no puedo colocar mas, cuando lo intento me sale otra barra de menu, que puedo hacer ??? gracias

  190. mmm no me sale El menu me queda un Cuadro en blanco… mmm hago tdo Bien hasta donde Dice q pegue el Codigo antes del Pero no se detras del Cual..!! agradeceria q me Lo explicaras Bien pana ..Thanks ;)

  191. hola oye no entendi nada por que que es una plantilla???? donde pego el codigo dime plis mas facil :D

  192. ahora me funciono gracias :D

  193. como puedo poner mas entradas en un este???

  194. porfa si me podrias ayudar con una forma mas facil de agregar barras a mi blog muy agradecido

    Fernando Hidalgo

  195. no pues si tienes toda la boca llena de razon, gracias por la aprtacion

  196. Hola!

    Gracias por tu post, me vino muy bien.
    Tengo dos preguntas:

    - el blog en el que lo implementé (www.vampirelandia.blogspot.com) ya traía el menú en la plantilla que le puse. Con tu post agregué las páginas estáticas, pero quisiera quitar todo lo demás menos Home. ¿Cómo puedo hacerlo? Borrándolo, simplemente??

    - tengo otro blog (www.vidanovelada.blogspot.com) al que me gustaría agregarle el menú, pero no tiene como dices arriba, la opción de agregar un widget debajo o encima de la cabecera. ¿Es posible ponerle esa opción?

    Muchas gracias por tu ayuda.

    Saludos y buen fin de semana!

  197. Me podrias ayudar con un tema especifico?,he subido un menu con flash a blogger y necesito activarlo,tiene 7 pestañas,como hago para que cuando apriete por decir uno:”Mis Amigos” vaya a esa pagina?,Muchas gracias

  198. Muchisimas gracias.. realmente me fue de gran ayuda

  199. no puedo realizar el ultimo paso todo siempre me sale en la misma pagina

  200. Hola una preguntilla ya cambie lo primero que pones arriba pero no encuentro head para pegar el resto, puedes ayudarme?gracias

  201. Tengo un blog al que le hago caso siempre que puedo, me a servido de gran ayuda este tuturialpara ponerle el menu, lo primero gracias, y lo segundo, tengo alguna dudilla por ejemplo como consigo mover el archivo a su correspondiente pestaña.

  202. No consigo hacer el segundo paso:

    A partir de que dices que hay que añadir un gadget html, no se donde cogerlo porque solo me aparece añadir gadget a secas y por consiguiente no se donde pegar lo que has puesto arriba para poner la cabecera de secciones.

    Contesta pronto. Un saludoo

  203. ¿Cómo se puede hacer para centrar los distintos apartados del menú?

    MUchas gracias

  204. HOLA ME GUSTARIA SABER COMO LE HICISTE PARA PONER TUS ENLACES DE HASTA ARRIBA DE FACE Y TWITTER!!!!!!!!!!!!!!

  205. Hola, quisiera saber si hay alguna forma de incluir MAS DE UNA ENTRADA a la misma sesión de cada barra de menú. Por ej:

    Que una de las sesiones de mi barra se llama DEPORTES, y ahí poner todas las entradas dedicadas a deportes

    Desde ya muchas gracias…. saludos!

  206. Excelente aporte, me sirvio de mucha ayuda… Esto era lo que estaba buscando…

    Gracias…

    http://manuelsystempro.byethost2.com/

    Suscríbete para recibir por correo electrónico las últimas actualizaciones, los avances Tecnológicos mas Recientes, Noticias, Humor PC, Tutoriales, Manuales, Juegos, Descargas, Messenger, Servicios, Trucos (Windows, Google, Facebook). Y Mucho más.

  207. amigo necestio ayuda no entiendo como agregar las seciones ni eso de las entradas le doy clic y me mandan al mismo lugar
    ayuda por favor viejo ayudas plis

  208. PD:Entiendo eso de copiar las url y todo eso lo qu no entiendo como genero esas url grazias

  209. La verdad es que yo lo hice en mi blog y fue de otra manera, igual quedó muy bien, éxitos.

  210. Gracias ya lo pues en miblog.

  211. Excelente post…. lo hice y me funciono… Buen codigo … te felicito!!!

  212. hola te quiero pedir ayuda porfa nesito que me ayudes no entiendo es que esto de htmli no entiendo pero si no podes no importa porque puse un menu y bueno yo assia clic y esaliano se pudo encontrar la pagina bueno como veras soy fanatica de la power puff girls z bueno bie

  213. por favor hace un video de como colocar una barra de menu en un blogger porque segui tus pasos pero no me funciono :)

  214. Muy bueno el aporte muchas gracias, el que quiera consultar mi pagina y vean mi diseño a partir de este aporte…

  215. Heyy! Muchísimas gracias linda!
    Me sirvió de mucho, me costo algo de trabajo hacerlo, pues no soy muy experta en el tema pero se pudo!
    Besos ♥

  216. Hola Kozmica, se puede cambiar el tamaño? Me quedo un poco zafado

    Saludos
    Espero Respuesta

  217. Hola Kozmica, te escribo desde España. Buscando en Google como poner una barra de menú en Blogger encontré tu manualito. Está fantástico. Pero curiosamente al empezar a poner tu menú me di cuenta que Blogger ya ha hecho su barra de menú particular, con la opción de crear páginas.
    Saludos

  218. Hola kosmica ..
    Gracias por el codigo..
    …Solo puedes decirme como cambio el nombre del link por imagen …
    bueno, el blog que hago es para mangas y animes
    http://stuartzitoestudios.blogspot.com

    Espero tu respuesta..
    Saludos

  219. Buen buen tuto!
    me gustaría saber como poner una imagen de fondo en vez del color que trae, muchas gracias de antemano!

  220. Hola Kosmica muchas gracias,
    Me sirvio de mucho y aquí les dejo mi blog tambien para que vean como quedó el menú en mi blog

    http://izzyxoya.blogspot.com

    Adios :D

  221. Muy bueno amigo mio te felicto es lo que estaba buscando siempre esta bien explicado que mas se puede pedir gracias y un abrazo enorme

  222. gracias entres ya quedo pero una pregunta como publico cosas en la parte aserca de? les dejo mi link de mi blog
    http://espasiolibrenet.blogspot.com//

  223. Hey mil gracias man a mi me funciono de maravilla el truco asi que muchas gracias aqui dejo el enlace a el sitio donde lo implemente para que vean como quedo: http://ciber-futuro.blogspot.com/

  224. Gracias!! de mucha ayuda. Pero no consigo ajustar la barra, se ha creado una continuación en un color gris que no consigo cambiar.. alguna idea?

    dejo mi blog: http://porcuatroduros-x4d.blogspot.com/

    Saludos

  225. simplemente pregunto una cosa.. como se ponen mas de una entrada en cada menu

  226. como se ponen mas de una entrada en cada menu¿?

  227. exelente
    Buen TRUCO PARA BLOGGEROS VISITA MI WEB PARA Q LO VEAS

    http://explosiveonline.blogspot.com/

  228. ya cree mi menu, pero…. ahora quiero que quede centrado como hago esto? ya he intentado agregando al principio y al final respectivamente pero nada

  229. hola y gracias por el tutorial…..
    quisiera saber como puedo hacer para que al entrar en mi blog no se valla directamenta a la url principal sino a una pagina que tengo en el blog
    asi no
    miblog.blogspot.com

    sino que al ingresar esa url automaticamente no muestre nada y me lleve a esto:

    miblog.blogspot.com/portada

    porque cuando entro a mi blog me muestran las entradas y yo solo quiero que al ingresar me muestre la portada osea solo una entrada.
    gracias

  230. mi barra aparecio del lado derecho y es pequeña que hago??

  231. Hola mi barra aparecio del lado derecho y en la parte en donde aparecen las noticias que hago??npara que aparezca arriba

  232. Hola, sabes, te comento que pude hacer el menu siguiendo las instrucciones, y logre ligarlo a cada una de las cosas que quiero, pero me pregunto como puedo hacer para que en mi menu haya mas opciones que he visto en otros menus que son desplegables, imagina por ejemplo que pongo la entrada “acerca de mi” como pestaña principal, y me gustaria que dentro de esa se desplegara, por ejemplo “gustos”, “trabajos”, “pasatiempo”, etc,, y que cada una de esas opciones llevara precisamente a una sección donde hablara de esas cosas, mi pregunta es cómo puedo hacer esos menus,, ojala puedas ayudarme

  233. Hola, gracias por los consejos, pero me surge una duda, no se como enlazar dos a más entradas a uno de los botones de menu de cabezera que cree arriba

  234. Hola, esta muy bueno, pero no puedo cambiar los colores y cuando intento agregar más no me aparecen al lado, me aparecen a bajo.

  235. Muy buen post me sirvio del todo

  236. Gracias a todos por sus comentarios, espero este sencillo tutorial les haya sido de ayuda.

Los comentarios para esta entrada están cerrados.