Poner barra de menú en blogger
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:
Para empezar, tienes que tener la opción de añadir más elementos de página en la sección del header, así:
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="Kozmica.com" href="http://www.kozmica.com">Inicio</a></li> <li><a title="Informacion" href="http://www.kozmica.com">Acerca de</a></li> <li><a title="Contáctame" href="http://www.kozmica.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.kozmica.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.
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, mi sección de Sobre mí así se ve el código en mi menú:
<li><a title="Conóceme" href="http://www.kozmica.com/2008/04/sobre-m.html">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.
Cualquier duda, cosita en la que no me haya explicado bien o no funcione me comentas aquí mismo.
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.
Escribe tu comentario...
Puedes leer las reglas, (en resumen lo más importante es: no insultos, no spam).
¿Quieres que se muestre una imagen junto con tu comentario?, acá te digo como poner un avatar. ¡Gracias por tu comentario!
¡Hola!, aquí escribo yo (kozmica ) y hablo de lo que me da la gana. Si te mueres por saber más de la dueña de este blog y del sitio mismo puedes pasarte por la sección 
muy buen truco…en unos dias lo implemento y te aviso como me fue
saludos
Esto va a hacer muy felices a algunos bloggeros :)
¿Y no tienes plantillas para wordpress.com?? :)
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.
Para ver los codigos de los colores yo sugieron Photoshop :D… jajaja… Buen tutorial ;)…
Saludos
Hartas gracias!
Muchas gracias ya lo implemente en mi sitio.
http://cdobregonnet.blogspot.com/2008/08/blog-kozmica.html
Exelente aporte.
Chessco
http://enobregon.cdobregon.net
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…
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
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
Tambien saca el tutorial de como vectorizar nuestro rostros!!!!!!!!!!
impresionante!!! la verdad es que sos muy buen guia en esto!! no puedo creer que me salió de una, gracias!!!
amigo no me sale muy bien no se donde pegar exactamente gracias por la ayuda
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
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/
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
Gracias es lo que buscava por fIn…
y muy bien explicado
mi blog es de musica:
http://zonaghetto.tk
manupp:
arreglas lo siguiente
kosmica nos la dio asi:
el error era de las comillas
tu lo pegas asi:
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 :)
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?
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
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 :)
Muchas gracias x ayudarme con ese pekeño truco a agregar un menu.
no sabia como hacerlo.
vale jefa!
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
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.
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.
Hola!
no se si es por la plantilla, pero no encuentro la manera de sacar el menú de la cabecera :S
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! :)
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!
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.
Muy buena la entrada, justo lo que queria!!
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
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
A mi tb me da error al copiarlo… Una ayuda pliss…
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
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.
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
el error es claro:
=””clear:”/
claro, no?
El error que indica Kasafia se soluciona borrando las comillas simples de la línea:
y volviendolas a escribir.
aun sigue el error de por fis
saludos
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.
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
OLA AMIGO NECESITO KE ME RESPONDAS ESTA DUDA SE LE PUEDE AGREGAR IMAGENES A LOS MENUS?
Hola webmaster tu error es lo de las comillas solo reemplazalas por la comilla normal
Hola KOSMICA luego de creados los enlaces como meto cosas dentro de ellos ya no me deja cuando abren solo puedo añador links.
pero como se llama el tipo de tu plantilla
como se llama tu template para bajarlo contesta porfavor
por favor kozmica o alguien ayudenme como l hago para colocarle cosas a las secciones explikenme detalladamente x favorr!!!!gracias…XD
donde encuentro la direccion d cada post para colocarlo en elmenu…y desde donde se pone x fa ayudenmeeee!!!!gracias!
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!!
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…
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…
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!!
yo tampoco entendi
El error:
Y pongan este:
Solo cambian las comillas, eso era todo. Saludos. :B
NO SALIO EL CODIGO :S
Es el primer codigo, el que dice type, pongan esta comilla ‘ la normal y borran la otra obviamente.
style type=’text/css’
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.
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.
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
no me sale para agregar un nuevo gadget tipo HTML/Javascript en donde lo pego
ya lo hice ya lo puse y funk perfectamente gracias
gracias sos un capo ooooooo
graciasss
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
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
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
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 :)
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
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
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!!
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
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
delujo!!! justo lo que buscaba para mi blog de musica electronica
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
DICE K EL CODIGO SE PONE DESPUES DE DONDE ESTA HEAD LO PODRIAS ESPLICAR ESO UN POKITO MEJOR
no lo entendi mucho como lo explicaste
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
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
OK gracias me sirvió ene
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
muy bueno , me sirvio
tengo un problema que si la plantilla mia no tiene (añadir un gadget) que puedo hacer porque no me sale nada
Muchas gracias por el “truco” Estais todos invitados a mi blog para verlo.
Los enlaces los he hecho con “etiquetas” en blogger.
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
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
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!!!!!
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
Wow! al fin algo que entiendo!
xDD…
ahora ya podre poner el menu que tanto eh deseado… amm.. gracias ^^’
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 :)
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…
muchas gracias me sirvio mucho aqui te dejo mi blog http://twi-tards.blogspot.com/ ve y dime que te parecio por fa
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!
waa ia supe como… gracias de todos modos ;)
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
buen aporte compañero,lo probare y te digo
gracias
Gracias! me ha sido muy útil después de varios intentos artesanales fallidos. Mis gracias!
me puede enviar a mi correo un video tutorial que no entiendo mi msn es manrique-00@hotmail.com
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
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
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
…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
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!!!!!
Supongo que lo que tú buscas es algo como un menú desplegable (algo así como menú con sub-menús), utiliza un código diferente al que incluí yo en este post, en el que aquí comparto sólo se incluye un enlace por pestaña.
Estos enlaces tienen algo sobre menús desplegables:
http://gemablog-.blogspot.com/2007/04/men-despegable-personalizado.html
http://vagabundia.blogspot.com/2009/09/menu-desplegable-con-scriptaculous.html
http://blogandweb.com/javascript/menu-desplegable-con-javascript/
http://elescaparatederosa.blogspot.com/2009/02/menu-con-sub-menus.html
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
Hola! Muchas gracias por la explicación, muy bien detallada!
La barra de menú se puede centrar?
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
Gracias. Eres un genio
Estupenda explicación y blog. Felicidades!!
Me ha funcionado a la primera.
Buenísimo! Experimentando…
no me sirvio mucho porque solo me aparecio el nombre pero no me aparecio el recuadro de la barra de menu
oye muñeca….mil y mil gracias ojala me tengas en cuenta cuando hagas otro aporte. exitos y gracias por compartir
gracias me ha sido de gran utilidad
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
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
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
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…
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 ?
Muchas gracias por la información me fue de gran utilidad… si quieres ver como quedó visita mi blog… Gracias
Hola.
Gracias por la informacion, me ha servido mucho.
Pero, ¿me podrías decir como ponerle botones al menú?
hola, fijate que la última parte para reediccionar las entradas a la barra, no lo logré, podrías ayudarme. Gracias !!!
que bien a mi me funciona, ¡Muchas gracias!
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
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
Hola! me quedo muy bien, pero quiero poner un cuarto item y no puedo!!!
me aparece noce que cosa tipo me queda mal….
graz..
Muchisimas gracias, porfin alguien que lo explica bien
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)
hola como estas