Menú horizontal con marquesina

28 de mayo de 2010 207 comentarios ,
Hace unos días en la entrada sobre el editor HTML online puse un menú de ejemplo y si bien instalarlo es fácil para la mayoría, otros me han preguntado cómo ponerlo en el blog. Y bueno, además de esto se me ocurrió que el menú tuviera un mensaje en marquesina para que pudieran anunciar algo, dar la bienvenida o promocionar una entrada.





ATENCIÓN: Si usas una plantilla hecha a través del Diseñador de plantillas de Blogger primero necesitas seguir los pasos de esta entrada.


Para ponerlo en tu blog entra en Diseño > Edición de HTML y pega antes de ]]></b:skin> lo siguiente:
#menu-title {
padding:5px;
background:#333; /* Color de fondo de la marquesina */
border-bottom:1px solid #fff;
}
#menu-title h3 {
padding:0; margin:0;
color:#ccc; /* Color de texto de la marquesina */
font-family:Verdana, serif;
font-weight:bold;
font-size:130%; /* Tamaño de la letra de la marquesina */
}
#nav {
float:left;
width:100%;
margin:0; padding:0;
list-style:none;
background:#ccc; /* Color de fondo del menú */
border-bottom:1px solid #999;
}
#nav li{float:left; margin:0; padding:0;}
#nav a {
float:left;
display:block;
padding:6px 30px 6px 5px;
text-decoration:none;
font-family:Verdana, serif;
font-weight:bold;
font-size:90%; /* Tamaño del texto del menú */
color:#666; /* Color del texto del menú */
/* Color de fondo del menú */
background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMc_HRadYVkiRvly8-UiTnltvk_sL7cbRg3bnA0KnH-3XOQB6ZmBbDu3JMIqi0eElEJVnhbPSL6yOp_7WpwoAKIP1-SiGKXhfY-txwKEw6WyLQndrCmAAAmnBxbuOASQE2lAAwJxX2JeA/s400/nav_slant.gif)no-repeat top right;
}
#nav #nav-1 a {padding-left:20px;}
#nav a:hover {color:#000;}

Ahora después de <body> pega lo siguiente:
<div id="menu-title">
<h3><marquee behavior="alternate">Aquí va el mensaje</marquee></h3>
</div>
<ul id="nav">
<li id="nav-1"><a href="URL del enlace">Inicio</a></li>
<li><a href="URL del enlace">Directorio</a></li>
<li><a href="URL del enlace">Contacto</a></li>
<li><a href="URL del enlace">Acerca de</a></li>
</ul><div class='clear'/>

Eso hará que el menú quede arriba de la cabecera, si lo deseas debajo de la cabecera o en otro lugar entonces entra en Diseño > Elementos de la página > Añadir gadget > HTML/Javascript y pega ahí el contenido, ya después arrastra el elemento donde quieras.

Ya sabes que, lo que está en color rojo hay que remplazarlo por el mensaje de bienvenida y por las URL de los enlaces correspondientes. Para personalizar los colores y texto cambia las partes que están en color verde.


207 comentarios en:

" Menú horizontal con marquesina "

  1. excelente, una pregunta, como hiciste tu cabeza de RESPONDONES?. con flash?

    ResponderEliminar
  2. esto esta super voy a ahora a probarlo
    saludos potro

    ResponderEliminar
  3. Mets La Paz, es un script que ya venía con la plantilla, yo sólo cambié las imágenes.

    Carlos Javier, qué bueno que te ha gustado ;)

    ResponderEliminar
  4. Encantador Potro :)
    Sí que lo pruebo, luego te digo qué ha salido.

    Besos!

    ResponderEliminar
  5. haha esta buenisimo felicitaciones ;)

    Saludos

    ResponderEliminar
  6. Graciela, ojalá ya puesto te gusté más :)

    MCarlitooH2, gracias por pasar :)

    ResponderEliminar
  7. esta genial pero mi pagina ya parece arbolito de navidad asiq no colocara nada mas jajajajjjaja

    ResponderEliminar
  8. Jajajaja, ciertamente hay que ser moderados con los elementos que tienen movimiento ;)

    ResponderEliminar
  9. hola, hace varios días creé mi blog y este ha sido mi guia en el proceso de personalizarlo. pero con éste codigo tengo problemas en la visualizacion y no sé que es, mira:
    mi blog es
    http://elblogdeyass.blogspot.com/
    y el codigo del menu lo dejé exactamente como el tuyo de allá arriba. en el google chrome me sale una línea divisoria entre los elementos de la lista y el ie8 no sale el gif y al pasar el mouse por encima se cambia el color e fondo!
    gracias por TODAS LA ENTRaDAS con que nos haces los blogs más atractivos

    ResponderEliminar
  10. Hola YaGrEoR,

    No sé si te he entendido bien, pero entré a ese blog desde Chrome e Internet Explorer y no vi lo que mencionas, de hecho ni siquiera vi el menú de esta entrada, no sé si te referías a otra cosa.

    ResponderEliminar
  11. Tengo que reconocer que cunado hice la prueba del editor de HTML online, pegando el código del menu, también me quedé encantado con el diseño. Es sencillo, pero a la vez muy elegante. Creo que por un tiempo voy a dejar de pelear con los códigos, pero si todavía estuviese con la plantilla de Cyber, seguro le hecharía un vistazo a ver como queda (o en mi próxima blogger-depresion XD)

    Un abrazo!!!

    ResponderEliminar
  12. potro, encontré el problema y era de un conflicto con un codigo en la plantilla original...
    gracias de todos modos
    siento la molestia

    ResponderEliminar
  13. Hola Potro !
    Exelente post!, me encanta tu web, me ha servido de ayuda tanto para mi como para los otras personas que trabajan día a día para mejorar sus páginas.
    Estoy interesado en intercambiar enlaces contigo, dejamelo saber en mi página:

    http://www.koolyeah.com.ar

    Exito y gracias broo !! Se me cuida !! Saludos!!

    ResponderEliminar
  14. brother, yo ahora estoy con una blogger-depresión pero ninguna plantilla me cura, ya he hecho algunos diseños y ninguno me convence, pero es parte del encanto, estar probando y probando hasta dar con lo que uno busca :D

    YaGrEoR, no es ninguna molestia, me alegro que ya lo hayas solucionado.

    KoolYeah!, te agradezco mucho tu comentario. Por el momento no participo en intercambio de enlaces, gracias por considerarme. ¡Saludos!

    ResponderEliminar
  15. Hola, tengo un blog de organizacion de eventos.
    Tengo muy poca noción de blogger, lo que quiero hacer es: ocultar algunos posts y colocar los links de esos posts ocultos en una página aparte (funcionaría como una sub página del blog) ¿es posible? ¿cómo se hace?
    Muchas gracias!
    http://eventos-organizacion.blogspot.com/

    ResponderEliminar
  16. Puedes hacerlo a través de una página estática en lugar de una entrada común.
    Para crear una página entra en Creación de entradas > Editar páginas > Página nueva. Ahí escribe el contenido que deseas y publícalo.
    Esa página no se verá en el resto de las entradas, sólo se verá cuando el lector haga click en ella.
    Cuando la publicas te da la opción de poner un gadget con el enlace a la página o sólo publicarla si el gadget para que tú pongas el enlace en donde desees.

    Saludos.

    ResponderEliminar
  17. ¿No sabes com poner mas de 10 paginas en un blog?

    ResponderEliminar
  18. Eso lo controla Blogger y hasta el momento sólo se pueden 10 como máximo.

    ResponderEliminar
  19. potro ahora que leo el ultimo comentario.. podes hacer un tutorial o algo de como utilizar las paginas de blogger?

    ResponderEliminar
  20. y me olvide.. se le pude dar un efecto deslizante a este menu? osea... poner sub-menus

    ResponderEliminar
  21. Ya hay algunos tutoriales sobre cómo hacer las páginas, es por eso que no he hecho (ni creo hacer) una entrada sobre ello, en sí es tan fácil como hacer una entrada.
    Y lo del submenú, no se puede con este, en la sección Menús del blog hay un par de menús que tienen submenús.

    ResponderEliminar
  22. Hola Potro, me quedé prendada el otro día cuando vi esta entrada tuya. Estoy loca por usarla!, :D, pero aún es que no se me ocurre cómo ni para destacar qué. Pero te felicito, está genial, y te agradezco mucho que estés en esto.
    Te mando un abrazo muy fuerte
    Sofía

    ResponderEliminar
  23. Quizá no lo necesitas ahora, pero cuando llegue el momento podrás probar el menú a ver qué te perece :)

    Otro abrazo para ti.

    ResponderEliminar
  24. Hola, no se si es un caso parecido, pero necesito ayuda!! jaja eh cambiado el diseño de mi blog por una platilla de las nevas de blogger.. y pues no puedo poner un auto scrolling.. o slide de botonos.. no me registra el elemento marque del html, alguna idea de por q suceda esto??

    Saludos y gracias!!

    ResponderEliminar
  25. No lo sé, no he probado a fondo las nuevas plantillas pero en sí la propiedad marquee funciona no por la plantilla sino por el navegador, vaya, es el navegador el que pudiera tener problemas para interpretar ese comando pero en su mayoría casi todos los navegadores lo aceptan.

    Saludos.

    ResponderEliminar
  26. Saludos. Cuando en edicion html direcciono el menu

    href='eldescargue-programas-video.blogspot.com'>Video

    asi y cundo entro al blog y le doy click en diseño me sale esto

    http://eldescargue-programas-video.blogspot.com/eldescargue-programas-video.blogspot.com

    y no me entra

    no se que pasa, ojala puedas ayudarme te lo agradeceria de corazon!!!

    ResponderEliminar
  27. Pues yo veo el link que dirige a http://eldescargue-programas-video.blogspot.com/ supongo que ya lo has de haber arreglado.

    ResponderEliminar
  28. Buenos dias Potro .
    ¿Habria forma de que este menu horizontal quedara fijo , o sea que se viera siempre y no se ocultata al bajar. ???
    Saludos y gracias anticipadas.

    ResponderEliminar
  29. Buen día VRedondoF,

    Podrías encerrar todo el código del menú entre <div id='menu-fijo'> y </div>
    Luego en el primer código agrega esto:
    #menu-fijo {
    position: fixed;
    top:0;
    left:0;
    }

    Prueba con eso, espero y resulte :)
    ¡Saludos!

    ResponderEliminar
  30. Buenas tardes Potro.
    nada no me funciona ( seguro que no se hacerlo) , tengo puesto este de Jaime
    http://elbalcondejaime.blogspot.com/2009/09/menu-flotante-horizontal-con-buscador.html
    y me funciona muy bien , asi que lo dejo , queria cambiar al tuyo , por la marquesina.
    Muy agradecido.

    ResponderEliminar
  31. disculpa era un error mio bien estupido faltaba el http:// que estupides gracias de todas formas!!!

    ResponderEliminar
  32. Buenas tardes VRedondoF,

    Debe funcionar, lo probé ahora y si resultó.
    El segundo código debe quedar así:

    <div id='menu-fijo'>
    <div id="menu-title">
    <h3><marquee behavior="alternate">Aquí va el mensaje</marquee></h3>
    </div>
    <ul id="nav">
    <li id="nav-1"><a href="URL del enlace">Inicio</a></li>
    <li><a href="URL del enlace">Directorio</a></li>
    <li><a href="URL del enlace">Contacto</a></li>
    <li><a href="URL del enlace">Acerca de</a></li>
    </ul><div class='clear'/>
    </div>

    Y esta parte:
    #menu-fijo {
    position: fixed;
    top:0;
    left:0;
    }

    Debe ir en el primer código.
    ¡Saludos!

    ResponderEliminar
  33. Hola El Descargue,

    No te preocupes, a mí me sucedió lo mismo infinidad de veces ;)
    Saludos!

    ResponderEliminar
  34. OK Potro.
    Funciona.
    MUY AGRADECIDO.
    No obstante la barra en horizontal quedaba en funcion del texto , pero como ya voy aprendiendo algo ( gracias a los texto explicativos que pones...) le he puesto width:1256 en vez de width:100% y se extiende al final.
    Y aun mejor .... lo voy a dejar con el width:100% , ya que asi me permite ver a la derecha .. por ejemplo parte de la barra de blooger y ver "nueva entrada" "diseño" y "salir".
    Nada .. que dentro de cuatro dias me veo como un guru del "soguar".
    Repito muy agradecido por tu amabilidad.
    Saludos.

    ResponderEliminar
  35. ¡Excelente! Sin duda has aprendido mucho y sobre todo has sabido cómo resolver los problemas :D
    Saludos.

    ResponderEliminar
  36. Perdona Potro ... resulta que me habia creido que era un fenomeno del soguar y na de na ..
    que queria poner el menu debajo del titulo del blog y como sabia eso de bottom abajo y top arriba ..pues que
    Pues que "solo se a tocino si me untan" .. que deciamos de chavales .
    He puesto en un gadget el menu en vez de en body como bien tu dices y asi poderlo llevar a donde yo quiera , pero sobre todo , porque cumplimentar las url y titulos es mas operativo que entrar en la plantilla , pero nada que sigue arriba clavada .
    gracias por anticipado y PERDON por tanta MOLESTIA , no se como nos aguantas ...

    ResponderEliminar
  37. No es ninguna molestia hombre que de aquí no nos vamos hasta que quede como quieres.
    Ponlo de nuevo antes de /body, la ubicación del menú se puede controlar justo donde le habías pensando:

    #menu-fijo {
    position: fixed;
    top:0;
    left:0;
    }

    top:0; indica que está a 0 pixeles desde arriba, así que si quieres bajarlo un poco más para que quede debajo del título sólo cambia ese 0 por otro valor, por ejemplo:
    top:50px;

    Con eso quedará 50px desde arriba hacia abajo, ya será cuestión que modifiques ese valor hasta que quede en el lugar que quieres.

    Saludos.

    ResponderEliminar
  38. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  39. hola!
    ojala todo bien!
    tengo una duda...perdon si es un poco tonta...pero soy nuevo en esto...
    como separo las proximas URl que quiera poner??
    por una como despues de las comillas o un guion o algo asi?? despues de .html" que se coloca para colocar otra URL??


    De ante mano Gracias!!

    ResponderEliminar
  40. Hola murdog,

    No hay preguntas tontas excepto las que no se hacen.
    Sólo es una URL por cada línea del código, y es donde está marcado en color rojo.
    Si quisieras poner más pestañas entonces antes de:
    </ul><div class='clear'/>
    Agrega más líneas como esta:
    <li><a href="URL del enlace">Texto</a></li>

    Saludos.

    ResponderEliminar
  41. hola!
    yo otra ves....jeje, creo que me explique mal...

    la pregunta va relacionada para agregar mas entradas...no mas pestañas al menu.

    se pueden agregar mas de una entrada en la misma pestaña de menu??
    es decir, que al presionar la pestaña "opinion" de mi menu se vean dos o tres entradas publicadas.


    Gracias!

    ResponderEliminar
  42. Amigo...ojla tengas pasiencia...jajaja...

    como ejemplo te dejo este blog de prueba...http://ciudadbloggerpruebas6.blogspot.com/
    si presionas en la pestaña inicio te sale una entrada llamada "editar pagina web desde el navegador" a continuacion viene una entrada llamada "gadget de traductor de google" (eso es lo que quiero...)donde colocas el URL de la 2da entrada ??? para que te quede a continuacion de la publicada primero??

    gracias!

    ResponderEliminar
  43. Ahhhh, no, no, ahí hay un poco de confusión, te explico:
    En ese menú el botón Inicio dirige a CiudadBlogger.com pero no a una entrada en específico sino a la portada del blog, sucede que yo tengo configurado para que en la portada aparezcan dos entradas, es por eso que al entrar al inicio de mi blog ves dos entradas, pero no es porque en el menú haya configurado dos URL, eso no se puede hacer.

    Para configurar el número de entradas que se muestran en la portada del blog entra en Configuración > Formato > Mostrar un máximo de (aquí el número de entradas que quieres)

    Pero eso sólo sucede en la página de inicio, si yo hubiera puesto en el botón la URL de una entrada entonces sólo se mostraría la entrada que especifiqué, no se pueden mostrar más de una.

    Saludos.

    ResponderEliminar
  44. hola soy nuevo aun no tengo entradas,pero ya tengo esta barra,no se por que el primer codigo se veia en el blog,digo se "veia"lo que despues lo borre y de momento el mensaje sale de marabillas,como aun no tengo entradas no se si funsionara te digo despues que me enseñes por favor a enlasar estas futuras entradas con la barra y si puedo poner mas de una url a cada casilla.
    espero no molestar y tengas pasiencia pues estoy enpesando desde cero.
    gracias.

    ResponderEliminar
  45. Hola diablo,

    Para enlazar una entrada sólo copia la URL de la entrada (puedes copiarla desde la barra de direcciones del navegador) y pégala en el área del menú que le corresponde.
    Para enlazar varias entradas en una categoría sería como en la otra entrada donde has comentado.
    En cualquiera de los dos casos sólo puedes poner un enlace a cada pestaña.

    Saludos y bienvenido a Ciudad Blogger.

    ResponderEliminar
  46. hola potro si lo que pasa es que tu blog esta super,y se puede pasar el dia navegando por el para aprender y bueno dan ganas de preguntar,y lo mejor sienpre hay respuestas y eso se tiene que agradeser.

    saludos.

    ResponderEliminar
  47. Hola potro como haria para quitar el menu de mi blog de pruebas y poner este nuevo estilo en mi blog con la misma plantilla pero sin marquesina. gracias

    http://top8music.blogspot.com/

    ResponderEliminar
  48. hola potro mira agrege una nueva pestaña a mi menu segun las idicasiones para haserlo pero quedo abajo la barra no a continuacion como si se tratara de una nueva barra me entiendes.
    de paso si lo ves me puedes dar algunos consejos de como voy recuerda si que soy nuevo no seas duro jaja saludos y gracias.

    ResponderEliminar
  49. Hola diablo,

    Todas las pestañas adicionales que agregues deben ir antes de </ul><div class='clear'/>

    Saludos.

    ResponderEliminar
  50. Hola extremoseventos,

    Elimina esta parte de tu plantilla:

    <ul id='menu'>
    <li class='navSelected'><a href='/'><span>Home</span></a></li>
    <li class='cat-item'><a href='#' title='Edit'><span>Edit</span></a></li>
    <li class='cat-item'><a href='#' title='Edit'><span>Edit</span></a></li>
    <li class='cat-item'><a href='#' title='Edit'><span>Edit</span></a></li>
    <li class='cat-item'><a href='#' title='Edit'><span>Edit</span></a></li>
    <li class='cat-item'><a href='#' title='Edit'><span>Edit</span></a></li>
    </ul>
    <div id='subMenu'>
    <ul style='top:46px;'>
    <li><a href='#'><span>Edit</span></a></li>
    <li><a href='#'><span>Edit</span></a></li>
    <li><a href='#'><span>Edit</span></a></li>
    </ul>
    </div>

    Ese es el menú que trae tu plantilla, en su lugar pon el que quieras, si quieres quitar el efecto de la marquesina sólo elimina del código esto:

    <marquee behavior="alternate"> y </marquee>

    ResponderEliminar
  51. gracias potro lo tenia despues de....solucionado
    gracias.

    ResponderEliminar
  52. Hola, me gustó mucho este menú horizontal y ya lo inserté en mi blog, pero cuando lo visualizo veo a la derecha del menú el borde de una celda vacia junto a los enlaces que coloqué, cuando intenté agregar el tamaño de la letra para que quede proporcionado y no me muestre esa mini celda vacía, me pone los enlaces que tenía en 2 renglones. Sabés como sacar esa vista de mini celda a la derecha del menú. Gracias.

    ResponderEliminar
  53. Es que en donde dice:
    background:#ccc; /* Color de fondo del menú */

    Lo has cambiado por otro color, si cambias ese color entonces también debes cambiar el color de fondo que está en esta parte:
    /* Color de fondo del menú */
    background:#ccc url(http://4.bp.blogspot.com/....gif)no-repeat top right;

    No importa cuál color le pongas pero ambos deben ser iguales.

    Saludos.

    ResponderEliminar
  54. Por cierto, en el menú veo que te salen unos "palitos" azules entre cada pestaña, si quieres eliminarlos busca esta parte:
    border-$endSide: 1px solid $(tabs.separator.color);

    Y cambia ese 1px por 0px

    ResponderEliminar
  55. Hola Potro, no encuentro la parte que dices para sacar los palitos azules entre cada pestaña:
    border-$endSide: 1px solid $(tabs.separator.color);
    En la edición html que debíamos copiar no está esa parte.
    Gracias por sacarme las dudas.

    ResponderEliminar
  56. Debe de estar, yo saqué el código de la misma plantilla que usas.
    Sino entonces busca todo donde diga border-$endSide: 1px
    Y en cada uno que encuentres cambia ese 1px por 0px luego dale Vista previa y fijate si se ha eliminado.
    Saludos.

    ResponderEliminar
  57. Ola potro de nuevo te molesto con unas dudillas que tengo por ahi , son sobre el header y la verdad no sabia si ponerlo aqui o en otro post ,bueno mi primera duda es:
    En mi blog hize un menu ,debajo del header y abajo del menu coloque una imagen de bleach que por cierto esta en un gadget (gadget de 3 columnas) y debajo esta esta el cuerpo y la sidebar ,donde estan los post ,pero veo que hay mucho espacio de la imagen de bleach con el cuerpo delos post ¿Hay alguna forma de reducir ese espacio?¿Cual es? y mi otra duda ahi donde esta laimagen de bleach comote digo es una columna de 3 gadgets y quiero poner una marquesina con fondo ,si la pongo dicha marquesina en un gadget pues sera de tamaño pequeño y no se vera muy bien ¿hay un modo de ponerla en el codigo de la plantilla ?No se, debajo del codigo header outer wrapper ¿y que codigo seria ?
    saludos y gracias potro

    ResponderEliminar
  58. En donde estas partes:
    .blocks .block1 {
    .blocks .block2 {
    .blocks .block3 {
    .blocks .widget-content {

    Hay una propiedad que es esta:
    height:150px;

    Elimina esa propiedad en todas esas áreas o cambia ese número por uno más bajo como 50px por ejemplo.

    La marquesina puedes intentar ponerla antes de:
    <div id='content-wrapper'>

    ResponderEliminar
  59. Hola potro tengo una duda puse la marquesina para los enlaces, en los link super bien pero en la imagenes cuando estoy en internet explorer se ve fuera del cuadro y en Google Chroome y mozila firefox se ve super bien puedo arreglarlo de algun modo para que se vea bien en todos los navegadores? estan en la parte de abajo de la página te dejo mi link

    http://kbuenamusic.blogspot.com

    Gracias Lili.

    ResponderEliminar
  60. Pues supongo que te refieres a la marquesina de imágenes que tienes debajo de la cabecera, si es esa la veo bien desde Internet Explorer 8

    De cualquier modo para saber cómo usar estas marquesinas para enlaces e imágenes mira esta entrada.

    ResponderEliminar
  61. hola, soy un poco novato en esto...

    mi pregunta es, donde pone /* Color de fondo del menú */ he de poner el color en número HEX o el nombre del color en inglés???

    gracias

    ResponderEliminar
  62. Cualquiera de los dos, personalmente recomiendo que sea el hexadecimal pues en el caso de los nombres en inglés es muy limitado el número de colores a elegir, pero cualquiera que prefieras está bien.

    ResponderEliminar
  63. Mira a ver que te parece uno de mis blogs
    http://alcazabarock.blogspot.com/

    ResponderEliminar
  64. potro no caxo como centrar el menu como lo hago me gustaria dejarlo al borde de cada lado como del largo de la cabesera del blog como hago ayuda porfa .......

    ResponderEliminar
  65. Pues busca el código de la cabecera y pega arriba de él el código del menú.
    No puedo ayudarte mucho sin saber cuál es tu blog.

    ResponderEliminar
  66. meque paso men buen tutorial como haria si quiero colocar el traducto a lado de donde esta el menu al lado donde esta lo vacio en "gris" hago lo mismo que hize con el mio? saludos!

    ResponderEliminar
  67. HOLA MIRA YO LOGRE PONER LA BARRA DE MENU EN MI BLOG Y LO QUE YO QUIERO ES PONER VARIAS ENTRADAS ANTIGUAS EN UN BOOTON.

    ResponderEliminar
  68. yonathan, pues sólo agrega el código del buscador aunque quizá necesite alinearse un poco, pero primero prueba a ver cómo queda.

    Phillip Eckert, para eso necesitarías un menú de subpestañas para agrupar ahí distintos enlaces. Mira la sección Menús para que veas algunos menús con esa función.

    ResponderEliminar
  69. Muchísimas gracias… me fue de mucha ayuda!!!

    ResponderEliminar
  70. potro excelente el menu tengo es un detalle en los enlaces cuando cliqueo en el boton me envia al enlace pero antes vuelve y coloca la direccion del blog,,,mas claro
    www.http://tu-hornomicroondas-ya.blogspot.com/www.servicios-thmy.blogspot.com y solo deberia aparecer la segunda direccion es como si me entrara en una pagina del blog

    gracias

    ResponderEliminar
  71. Probablemente estás poniendo mal la URL que quieres, sólo debes remplazar por completo donde dice URL del enlace por la que quieres, por ejemplo:
    http://google.com/

    ResponderEliminar
  72. mi amigo ya revise pero esta bien, en las url coloque por ejemplo en el link de servicios, la direccion es www.servicios-thmy.blogspot.com en el codigo esta asi. pero me direcciona a www.tu-hornomicroondas-ya.blogspot.com/www.servicios-thmy.blogspot.com
    no se si cambia elgo por lo que te comente que no uso paginas dentro del blog si no que creo blogs para cada link.

    gracias

    ResponderEliminar
  73. Al parecer no se publicó tu comentario, pero ya vi el problema y es que tú pones así la URL:
    www.servicios-thmy.blogspot.com

    Y debe ser:
    http://servicios-thmy.blogspot.com

    Ponlos así y verás que ya funciona.

    ResponderEliminar
  74. Hola potro, perdon por revivir el tema, pero puse el codigo como estaba pero me sale una línea divisoria entre los elementos de la lista, este es mi blog.
    Yo lo estoy mirando desde Firefox, en explorer se ve distinto, no se que sera

    http://www.vivielgrandt.blogspot.com

    ResponderEliminar
  75. Hola ρσ¢нσιηѕυa+10,

    Es que tu plantilla tiene integrados esos bordes pero creo que podemos eliminarlos, busca estas dos líneas por separado y cambia ese 1px por 0px

    border-left: 1px solid #222222;

    border-right: 1px solid #222222;

    ResponderEliminar
  76. El Potro, no tengo ninguna de esas dos lineas en mi plantilla, no habra otra forma de sacar esos bordes?
    Gracias

    ResponderEliminar
  77. Busca entonces esta línea y de igual manera ponla en 0px

    border-$endSide: 1px

    ResponderEliminar
  78. Hice lo que me dijiste, pero sigue igual, gracias de todas formas

    ResponderEliminar
  79. Son estas dos líneas las que debes de poner en 0px

    border-$startSide: 1px solid $(tabs.border.color);

    border-$endSide: 1px solid $(tabs.border.color);

    ResponderEliminar
  80. Ahora sí, por fin
    Muchas Gracias, por cierto, my buena pagina ;)

    ResponderEliminar
  81. Hola, Potro:
    He puesto las pestañas tal como dices, en mi blog y queda perfecto. La cosa es que no sé cómo centrar el bloque completo. Cuando cambio a "center" alguno de los elementos del código se descompone todo. ¿Podrías ayudarme?
    Un saludo y mil gracias
    Profeland
    http://www.profeland.com

    ResponderEliminar
  82. Hola Profeland,

    En esta parte del código:
    #nav #nav-1 a {padding-left:20px;}

    Cambia ese 20px por un valor más alto hasta que quede a la posición que deseas.
    Saludos.

    ResponderEliminar
  83. Mil gracias, Potro. Ya está hecho!!
    Profeland

    ResponderEliminar
  84. Potro, no puedo cambiar el color del menu??
    He probado de distintas maneras pero no obtuve ningun resultado, saludos

    ResponderEliminar
  85. En las anotaciones en color verde está indicado dónde se puede cambiar el color del menú.
    Hay una que dice 'Color de fondo de la marquesina' y otras dos más que dicen 'Color de fondo del menú' esos tres son los que se deben cambiar.

    ResponderEliminar
  86. hola potro tengo un inconveniente en el blog en la barra que coloque me aparece dos partes negras que quiero quitar a que cubra de lado a lado el espACIO y el otro detalle es en los botones me gustaria que quedaran distribuidos en el espacio y no me queden espacios como estan,. gracias mi blog es www.abadiadorado.blogspot.com

    ResponderEliminar
  87. La solución más rápida para eliminar esos bordes negros así como ese fondo negro de los lados es que elimines todo que que esté dentro de:
    /* Tabs
    ----------------------------------------------- */

    Ahora que, las pestañas de cualquier menú horizontal se acomoda de izquierda a derecha, es por eso que al final queda ese espacio porque ahí no hay nada que ocupe el lugar.

    ResponderEliminar
  88. hola potro perdoname que te moleste pero a mi no me aparce la parte de body como hago?

    ResponderEliminar
  89. men no puedo mover el menu con marquesina a la cabezera como lo hago? por que queda todo al final de la pagina??

    por fa ayuda
    esta buenisima la pagina
    gracias !

    ResponderEliminar
  90. mi blog es revjoven.blogspot.com te agrdeceria la ayuda porfa !

    otra vez gracias !

    ResponderEliminar
  91. Pues de hecho veo que lo tienes debajo de la cabecera así que supongo que ya has resuelto el problema :)
    Saludos.

    ResponderEliminar
  92. Buen dia Potro:
    Me interesa colocar solamente La Marquesina con esos atributos que muestra el ejemplo que das en esta entrada. He visto otras por alli pero no me convence el estilo. Sin embargo la marquesina de este menu se adapta mejor a lo que quiero. y otra pregunta es si la puedo colocar como gadget para ubicarla entre la cabecera y la entrada (ya lei como dividir esta parte) ... gracias

    ResponderEliminar
  93. Listo potro ya lo resolvi. Pegue en edicion html solo la primera parte del codigo (la que pertenece a la marquesina) y luego en diseño-elementos de la pagina-añadir un gadget-HTML/Javascript, pegue solo la primera parte del segundo codigo. y ya esta. Ahora a cambiar editar a mi gusto

    ResponderEliminar
  94. Hola Potro. Muy bueno este tutorial!!
    Hice todos los pasos y ya armé y personalice mi menú, quedo 10 puntos!!! pero tengo un problema. No entiendo que es "URL del enlace". Mi menu quedó como me gusta pero cuando hago click sobre ellos me dice: No se encuentra la pagina. Ayuda por favor! gracias

    ResponderEliminar
  95. La URL del enlace es la dirección del sitio o la entrada que quieres enlazar, por ejemplo, la de Google es:
    http://google.com

    ResponderEliminar
  96. hola amigo potro q tal, sabes intente colocar los codigo q arriba q indicaste...
    entre en Diseño .. Edición de HTML y pegue antes de /b:skin los primeros codigos con exito,....
    pero al querer pegar la siguiente parte despues de body no encuentro es te codigo body, es mas ni me aparece en el buscador a que se debe , ojo q body esta encerrado <>

    ResponderEliminar
  97. Hola Joseph,

    Usa las teclas CTRL + F y buscalo así <body
    Es posible que tal vez dentro de esa etiqueta tengas otro código y por eso no lo encuentras pero localizándolo así verás que aparece.

    ResponderEliminar
  98. Muy buena tu ayuda pero.... pero tengo un pequeño problema mira mi blog y te daras cuenta http://drgersson.blogspot.com/ si me puedes ayudar muchas gracias

    ResponderEliminar
  99. Lo que sucede es que lo has puesto debajo de la cabecera y en las plantillas hechas a través del Diseñador de plantillas de Blogger tienen estilos muy específicos y definidos para los gadgets que se agreguen en esa área por lo que invalida los estilos de otros menús.

    ResponderEliminar
  100. potro mira como me quedo...
    http://borradordeblog2000.blogspot.com/
    sabes yo deseo q los menus se encuentren debajo de la imagen del titulo del blog, y q el acho de estos menus sea el mismo q el del titulo...
    tu crees q halla una solucion??}
    por favor ayudame brother....

    ResponderEliminar
  101. Debajo del título del blog no quedará bien en esas plantillas.
    Para que se ajuste al ancho de tu blog agrega debajo de #menu-title { esto:
    width: 940px;

    Y donde dice esto:
    #nav {
    float:left;
    width:100%;

    Cambia ese 100% por 940px

    ResponderEliminar
  102. gracias potro sabes hice lo que me dijiste, se achico la barra de menus, pero la primera barra quedo mas larga,..done dice aqui va el mensaje, q la barra e abajo,......ademas como le hago para todas estas barras esten centradas...

    disculpa por tantas molestias sq soy muy nuevo, y creo q torpe para estas cosas

    ResponderEliminar
  103. otra preguntita potro abusando de tu generosidad...hay alguna manera en q pueda copiar este tipo de plantilla??
    http://www.sentimientoextremo.blogspot.com/
    ya q me parece interesante, o alguna manera de descargarla....
    o si tu conoces alguna plantilla conocida

    ResponderEliminar
  104. Debajo de #menu-title { agrega esto:
    margin-left: 40px;

    Luego cambia esto:
    #nav {
    float:left;
    width:940px;
    margin:0; padding:0;
    list-style:none;
    background:#ccc; /* Color de fondo del menú */
    border-bottom:1px solid #999;
    }

    Por esto:
    #nav {
    float:left;
    width:950px;;
    margin-left: 40px;
    margin-top:0px;
    padding:0;
    list-style:none;
    background:#ccc; /* Color de fondo del menú */
    border-bottom:1px solid #999;
    }

    La plantilla que usa esa persona se llama 'The Professional Template' en la red la puedes encontrar.

    Saludos.

    ResponderEliminar
  105. buenas , !!! antes que nada increible !! increible , estas haciendo un buen trabajo y de doy gracias !! potro una cosa estoy con mi blog,

    http://ultrasport-team.blogspot.com/

    y lo ultimo que puse en parte es lo de la marquesina que esta perfecta !!
    queria saber lo siguiente

    primero si el texto que va de un costado al otro se puede hacer que pase de un lado al otro

    y segundo queria ver si tenes algo de como hacer para que la gente se suscriba al blog y le llege a su correo.

    desde ya gracias

    ResponderEliminar
  106. Hola CHE,

    Muchas gracias por tu comentario.
    No me quedó clara la pregunta lo de que vaya de lado a lado pues se supone que ya va de un lado al otro, a menos que te refieras a otra cosa.

    Para las suscripciones por correo te dejo un enlace que explica cómo hacerlo:
    http://www.fernandoplaza.com/2009/01/como-activar-la-suscripcion-por-e-mail-a-tu-blog-con-feedbu.asp

    Y ya que lo tengas puesto existen otras opciones para personalizar la caja de suscripción:
    http://ciudadblogger.com/2009/05/personaliza-la-suscripcion-de.html

    http://ciudadblogger.com/2009/07/caja-de-suscripcion-de-feedburner-tipo.html

    http://ciudadblogger.com/2010/04/aviso-flotante-de-suscripcion-al-blog.html

    Saludos.

    ResponderEliminar
  107. bueno lo del mail estoy en ello y creo que va perfecto ... gracias !!

    en cuanto al banner , el que pusiste en tu blog va de izquierda a derecha y viceversa.
    lo que yo queria es uno que vaya de derecha a izquierda y vuelva a aparecer de nuevo por la derecha y se oculte por la izquierda .

    hey y gracias por lo rapido que respondes !!!

    ResponderEliminar
  108. Gracias por explicarme de nuevo, ahora sí me ha quedado más que claro :)
    Sólo elimina del código que va después de <body> esta parte:

    behavior="alternate"

    Con eso dejará de moverse de un lado a otro y lo hará de forma continua.
    Saludos.

    ResponderEliminar
  109. te comento eso lo tengo metido en un gadget )html/javascript y dentro de el esta esta linea

    es hay donde lo tengo que borrar , ya que lo hice y se quedo sin movimiento

    o es dentro de la edicion de html del blog ??

    un saludo . maquina !!

    ResponderEliminar
  110. Sí, es ahí donde lo tienes que eliminar.
    Recuerda eliminar sólo behavior="alternate", si se queda sin movimiento déjalo así y me avisas para ver el código de tu blog.

    Saludos.

    ResponderEliminar
  111. perfecto potro perfecto !!! era eso , una cosa mas ya puestos a pedir !!!
    http://ultrasport-team.blogspot.com/
    si miras el blog no puedo quitar de debajo esos rectangulos redondeados, entre al editor de plantillas y puse transparente pero sigen apareciendo , y lo del mail ya contare . un saludo potro

    ResponderEliminar
  112. Prueba eliminando todo lo que haya dentro de .post-outer {

    ResponderEliminar
  113. eres un genio !!! muchas gracias si señor muchas gracias .

    ResponderEliminar
  114. potro estoy con lo de la suscripcion del correo electronico y no se porque no me funciona hice todos los pasos me suscribi para hacer una prueba y cuando publico algo en el blog no llega a mi correo porque puede ser ?? un saludo

    ResponderEliminar
  115. Los feeds no se entregan de manera inmediata, hay que esperar un poco, o bien acelerar el tiempo de actualización.
    Saludos!

    ResponderEliminar
  116. Hola de nuevo Potro :)

    Me encanta la idea de la marquesina, pero me gustaría saber si has explicado en alguna entrada como hacer la marquesina sin el menú. Yo ya tengo mi menú de páginas que de momento me es suficiente pero si me gustaría incorporar la marquesina a mi blog para dar informaciones sobre promociones y demás.
    Otra consulta mas, ¿Cómo puedo centrar el menú de páginas de blogger? Estoy dando vueltas y mas vueltas por la red y no encuentro como hacerlo.

    Muchas gracías por tu paciencia Potro.

    ResponderEliminar
  117. BIEN POTRO hice algunos cambios y perfecto !! gracias

    ResponderEliminar
  118. A espensas de ser como un ladrillo en la cabeza ¿puedo hacer otra pregunta? ¿Cómo se ampliaría el ancho del menú de páginas para añadir mas pestañas y que no se cree una fila nueva abajo?

    De nuevo un abrazo y gracias por tu amabilidad.

    ResponderEliminar
  119. Hola de nuevo espacio sutil,

    En esta entrada puedes ver cómo poner la marquesina nada más.
    Respecto al menú, todos los menús horizontales se acomodan de izquierda a derecha, es necesario que sea así, de lo contrario no funcionarían. De igual manera ese menú se adapta al ancho de la plantilla, quizá sólo se pueda hacer que las letras de las pestañas sean más pequeñas para que de esta forma quepan más pestañas, pero no se podría alterar el ancho total pues ya ocupa todo el ancho que alcanza.

    Saludos.

    ResponderEliminar
  120. Muchas gracias Potro.
    Ya he mirado la entrada de la marquesina y en breve estará funcionando en mi blog. Pasaré a contarte los resultados.

    Eres un sol, de verdad.

    Un abrazo

    ResponderEliminar
  121. Quisiera saber como poner varias entradas en una misma sección o etiqueta; Gracias buen aporte

    ResponderEliminar
  122. Hola, otra pregunta, quiero usar este menu: http://ciudadblogger.com/2010/05/menu-horizontal-con-marquesina.html el menu queda perfecto, lo unico malo es que queda a lo ancho del blog, quisiera saber como hacer qu quede justo en la estructura y pra poner al centro las letras de el menu

    MUCHAS GRACIAS DE ANTEMANO, ESTE ES MI BLOG XD http://www.codecity.co.cc/

    ResponderEliminar
  123. Hola yolber,

    Primero recuerda que como se menciona al inicio de la entrada debes seguir los pasos de la otra entrada para que el menú quede como debe ser, pues de lo contrario el diseño no se podrá apreciar.
    Ahora, el menú ocupa siempre el 100% del ancho del contenedor del blog, no sé bien exactamente a qué te refieres con la estructura.
    Respecto a lo de centrarlo mira el comentario #85

    Saludos.

    ResponderEliminar
  124. hOLA Potro again!!

    Estoy buscando un cuadro negro como el de esta marquesina pero sin menú. Como en la plantilla nueva que te dije hay un menu horizontal que me sirve, lo que quiero es la parte superior de este menú para que los dos blogs tengan los anuncios de la misma forma.

    ES posible tener el cuadro estilo marquesina sin menú???

    Gracias

    ResponderEliminar
  125. Lo decía para ponerlo en un gadget justo debajo del menú que ya tengo...

    ResponderEliminar
  126. Comentario 121, respuesta 124. SOY TONTO
    Perdona

    ResponderEliminar
  127. Has encontrado la respuesta y eso es lo que importa ;)
    Saludos!

    ResponderEliminar
  128. Agregada...! queda buenisima la Marquecina.

    ResponderEliminar
  129. Potro no logro dar con la opcion para que solo vaya hacia un lado el texto de la marquecina, ya sea derecha o izquierda, me podrias echar la mano ?

    ResponderEliminar
  130. Elimina behavior="alternate", en su lugar pon:
    direction="right" o direction="left"

    Aunque estas propiedades no siempre funcionan en todos los navegadores :/

    ResponderEliminar
  131. me aparece abajo de la página : http://ciclismo-sprint-final.blogspot.com/

    ResponderEliminar
  132. Lo has puesto en el lugar equivocado. Debe ser después de <body>

    Si no tienes esa etiqueta entonces ponlo después de:
    <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

    ResponderEliminar
  133. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  134. Hola potro soy nuevoo asi que puede sonar un poco tonto pero segui los pasos pero el menu me aparecio abajo :S

    ResponderEliminar
  135. Hola R. Cano, entré a tu blog pero no vi puesto el menú :/
    Si no encuentras la etiqueta donde se debe poner mira el comentario #139

    ResponderEliminar
  136. Hola Potro:
    Sin tus consejos mi blog hubiera quedado cutre, cutre, cutre :-). Tengo un problema desde que puse el menú, que no lo quería arriba sino debajo del título, no me aparece la marquesina que no me importa, me gusta más así pero hay una cosa que me fastidia mucho arriba del todo de la página me sale un fastidioso código (expr:class='"loading" + data:blog.mobileClass'>). Me dijeron que tenía que buscar el código y ponerle delante <. No me sale el fastidioso código sino me sale otro parecido. Intenté cambiarlo por ese de arriba con el < delante y cuando le doy vista previa me da error. No se que más hacer. Te agradecería si me pudieras echar una mano. Éste es mi blog: http://aprendiendoprotocolo.blogspot.com/
    Muchas gracias y un saludo.

    ResponderEliminar
  137. Hola Carmen,

    Ese código está ahí porque alguna vez sin querer eliminaste parte de él y quedó incompleto.
    Si te da error al poner la apertura, entonces elimina por completo esa línea, ahí no debe darte error.
    Saludos.

    ResponderEliminar
  138. Hola potro resulta que lo puse debajo de la cabecera y si sale, pero el problema es que no se ajusta, las puntas, queda como salido, mira este es mi blog de pruebas, http://smithzhitopruebas.blogspot.com espero que me ayudes, Gracias de antemano PD: mi plantilla no biene con MENUS :(

    ResponderEliminar
  139. Hola SmiThzhiTo, sólo veo la marquesina arriba de las entradas, y no encuentro las puntas salidas que mencionas :/

    ResponderEliminar
  140. ¡Hecho!, por fin me he quitado el maldito código. Muchísimas gracias Potro.
    Un saludo.

    ResponderEliminar
  141. Hola Potro!

    Como siempre, impresionante tus aportaciones al mundo blogger. Quería poner éste menu en mi nuevo diseño de página web; pero veo que si lo hago me sale una línea gris que estropea la cabecera...es muy raro y no sé como puede salir.

    Te dejo una captura del pantallazo
    http://imageshack.us/photo/my-images/694/capturadepantalla201110b.png/

    Si necesitas cualquier otra cosa, como si quieres acceso al blog; sólo pídemelo. Mil gracias como siempre y un saudo!

    ResponderEliminar
  142. Potro; ya lo solucioné trasteando con el código; resulta que cambiando esto se soluciona:

    #nav {
    float:left;
    width:100%;
    margin:0; padding:0;
    list-style:none;
    background:#ccc; /* Color de fondo del menú */
    border-bottom:0px solid #999;

    Es decir el border-bottom lo puse 0px y así me desapareció el error. Lo pongo por si le pasaba a alguien! Un saludo!

    ResponderEliminar
  143. Excelente Jaime, qué bueno que lo has solucionado y mejor aun que haya sido bajo experimentación propia :)

    ResponderEliminar
  144. Potro, hay alguna manera de cambiarle el tamaño a las pestañas de este menu?

    ResponderEliminar
  145. Claro Luis Enrique, debajo de #nav { puedes agregar el tamaño:
    height:40px;

    Pero, como las pestañas usan una imagen para separarse también tendrías que editar la imagen; es la URL que se encuentra en los estilos del primer código.

    ResponderEliminar
  146. Potro, fíjate que no pude editarlo de la manera que tu me dijistes, sin embargo encontré una manera más sencilla (luego de tranto travesear con el html)al modificar la parte de padding:6px 30px 6px 5px;. Creo que algo he aprendido de tanto leer y releer tu sitio. Saludos

    ResponderEliminar
  147. Potro gracias por tu ayuda, pero también descubrí que esto se puede hacer también editando la parte de padding:6px 30px 6px 5px;

    ResponderEliminar
  148. Excelente Luis, saludos y buen inicio de semana!

    ResponderEliminar
  149. hola potro, me gusta este menu.... esta buenisimo..
    pero nose como agregar en una palabra todos los enlaces url..por ejemplo
    inicio: url de inicio
    dvdrip: como agrego todos los url de todas las peliculas q son dvdrip
    brrip: como agrego todos los url de todas la peliculas q son brrip
    esa es mi pregunta... porq nose como hacer.. espero me ayudes de nuevo....

    ResponderEliminar
  150. Hola charly03,

    Necesitas agrupar tus entradas por categorías, aquí se explica cómo:
    http://ciudadblogger.com/2010/06/menu-de-categorias.html

    ResponderEliminar
  151. hola potro ya puse el menu pero sin la marquesina.
    pero me sale una raya negra arriba del menu y quisiera subir un poco mas el carrusel para q no quedara tan abajo... se puede?

    ResponderEliminar
  152. Seguramente sí charly03, pero sin saber en cuál blog lo has puesto me es imposible ayudarte :/

    ResponderEliminar
  153. http://dvdrip-charly03.blogspot.com/
    hechale un vistaso.....
    y descargate una pelicula........... de regalo jajajajaja-------

    ResponderEliminar
  154. Sólo elimina esta parte del código y desaparecerá la parte de arriba:

    #menu-title {
    padding:5px;
    background:#333; /* Color de fondo de la marquesina */
    border-bottom:1px solid #fff;
    }
    #menu-title h3 {
    padding:0; margin:0;
    color:#ccc; /* Color de texto de la marquesina */
    font-family:Verdana, serif;
    font-weight:bold;
    font-size:130%; /* Tamaño de la letra de la marquesina */
    }

    ResponderEliminar
  155. Potro pero no me dijistes como subir el carrusel de imagenes q quedo muy abajo..

    ResponderEliminar
  156. Es verdad, lo olvidé :P
    Debajo de #Carousel2 { agrega esto:
    margin-top:-40px;

    ResponderEliminar
  157. Muchas gracias potro por tu ayuda....
    y pues la raya negra nose la cambie porq mi chika me dijo que le quedaba bien! asi q asi se la dejare.... y el carrusel ya lo subi ........
    muchas gracias Potro eres un buen colega....
    te invito a que sigas pasando ya que las peliculas tienen buena calidad..
    yo solo publico peliculas en latin y dvdrip y brrip nada de Ts ni Camrip.. Gracias por tu Ayuda.. Haber cuando compro un espacio para poner mi banner en tu pagina...

    ResponderEliminar
  158. hola. gracias por tus publicaciones. ayudas a muchos. con respecto a mi, hice todo como dices arriba pero el mensaje no se mueve, las letras arriba de la barra. porque???

    ResponderEliminar
  159. Elimina el behavior="alternate"
    Ese atributo ya no funciona en todos los navegadores.
    Saludos.

    ResponderEliminar
  160. Hola!!! Siempre tengo la misma duda...cuando se agregan los enlaces, cómo hago para que sean varias las entradas que hay que agregar en, por ejemplo, "Recetas"...se entiende? cómo se separa cada enlace o url del enlace...que creo es la url de la entrada, no? Porque no tengo problemas para hacer el menú pero cuando quiero ubicar cada una de mis entradas en, por ejemplo, recetas o chimentos o actualidad, o lo que coloque, no sé cómo hacerlo, porque no es una entrada para cada uno sino varias, entonces, cómo separo los enlaces para que queden agrupadas todas en el mismo lugar, según el tema? Se entiende? Espero tu respueta.

    ResponderEliminar
  161. Se entiende perfectamente María de las Mercedes. Lo que necesitas es etiquetar tus entrada y luego enlazar a esas etiquetas al menú. Pero descuida, que aquí hay una entrada que lo explica de forma detallada:
    http://ciudadblogger.com/2010/06/menu-de-categorias.html

    ResponderEliminar
  162. Hola! María de las Mercedes, otra vez, con otra duda: si yo etiqueté con más de una etiqueta una entrada, no importa si sólo copio la url de una sola de las etiquetas? por ejemplo: supongamos que hice una entrada y le puse "Recetas con pollo, entrada con pollo, platos frios con pollo, etc" si yo a todas las entradas que hice relacionadas con "pollo" les puse primero "recetas con pollo" y después más etiquetas, si sólo hago "copiar url" pero de "recetas con pollo" no importa? es decir, quedan igual el resto contenidas en ese item del menú porque hay una etiqueta para todas igual, aunque el resto cambien? se entiende? Gracias.

    ResponderEliminar
  163. Bien, si tu entrada tiene varias etiquetas y sólo enlazas una etiqueta esa entrada aparecerá pero sólo en esa pestaña. Por ejemplo, a tu entrada le has puesto como etiquetas: "Recetas con pollo, entrada con pollo, platos frios con pollo". Y tienes un menú con estas 3 pestañas: "Recetas con pollo, entrada con pollo, platos frios con pollo".
    Si sólo copias la URL de la etiqueta "Recetas con pollo" y lo enlazas a esa pestaña (a Recetas con pollo) entonces esa entrada aparecerá ahí, pero no en las otras dos pestañas (entrada con pollo, platos frios con pollo) porque en esas no la enlazaste.

    ResponderEliminar
  164. Hola, a dónde están los código para cambiar los colores? porque los cambios con la paleta de colores html y no cambian...quizá para estas cosas son distintos los código y no sé...busqué en tu blog y encontré "códigos de colores hexadecimales" pero no me acepta el cambio...dónde lo busco? gracias.

    ResponderEliminar
  165. Hola,

    Sólo debes cambiar el código del color que quieres, por ejemplo:
    #ccc;

    Ese es un color gris, si lo cambias por negro quedaría así:
    #000;

    O así:
    #000000;

    ResponderEliminar
  166. Eso hice, fui a los código y lo cambié, pero queda todo negro! todo! quizá metí la pata en algún lado...primero hice el paso que si tenés una plantilla blogger, borras lo de tabs y copías lo otro, porque mi blog lo hice con blogger y no instalé ninguna plantilla, y después instalé el menu, cambié primero los colores, y cuando lo fui a instalar, era una barra negra de un lado al otro...y ahora, cuando quiero instalar cualquier menu, me aparece siempre uno abajo del otro y sin ningún estilo...así que no sé qué hacer...!!!

    ResponderEliminar
  167. Acabo de volver a instalarlo, y me sigue apareciendo todos los items del menu uno abajo del otro, con un puntito negro adelante y sin ningún estilo de nada. Cambié colores y todos pero nada....ahora directamente, ni siquiera tiene forma de menú horizontal...al borrar lo de tabs, hice mal? sino no sé porqué no funciona! Espero me puedas ayudar porque ya me estoy volviendo loca....te dejo una captura de pantalla para que veas a lo que me refiero: https://lh4.googleusercontent.com/-OPQSGgKmXCA/Tuo3hDCl0YI/AAAAAAAAAaY/mJNjyC0NBqk/s800/Captura%252520pantalla%252520men%2525C3%2525BA%252520con%252520marquesina.jpg Espero tu respuesta!

    ResponderEliminar
  168. Según parece el problema está en los estilos que estás agregando. Lo más seguro es que al ponerlos estés eliminando una llave de cierre de otros estilos.
    Necesitaría verlo puesto para confirmarte si es ese el problema o se trata de algo más.

    ResponderEliminar
  169. Entonces? Cómo puedo solucionar el problema?? Cómo hacemos? No quiero que me quede así...mirá si después no me funciona nada...!!

    ResponderEliminar
  170. Si querés, te paso mi mail y te mando una copia de mi plantilla, le das un vistazo y me avisás...a ver qué hice mal. Puede ser? acá te dejo mi email: orueta_maria@hotmail.com

    Saludos!

    ResponderEliminar
  171. No, no es necesario, como te dije en el comentario anterior, necesito verlo puesto, es decir, pon todos los códigos que se mencionan en la entrada, cuando lo hagas me avisas en un comentario y así ya puedo ver tu blog y saber qué está pasando.

    ResponderEliminar
  172. Hola! Ya está puesto! ahora no se mueve la marquesina, aparece distinto que antes...en fin...me está volviendo loca esto!!!! Avisame cuál es el veredicto! jajaja quiero probar otros menús a ver cómo quedan, pero si todo va a ser tan complicado...seguro en algo metí la pata...jaja

    ResponderEliminar
  173. Otra Cosa, no configuré los enlaces, pero eso sí funciona, por lo menos me funcionó la última vez, sólo pegué lo último en html/java... y nada más, sin cambiar nada, pero por lo menos antes se movía lo de "aquí el mensaje". ahora no se mueve...en fin...menos mal que me dediqué a otra cosa! jaja

    ResponderEliminar
  174. No es complicado, sólo hay que tener cuidado al poner los códigos para no eliminar nada. En este caso lo que ha pasado es que cuando has puesto los primeros códigos has eliminado la llave de cierre de los estilos que están en .btns-compartir {
    Si miras ahí verás que falta una llave de cierre, y por eso el menú no se ve. Aquí hay más info sobre eso:
    http://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html

    En la otra parte del código quítale esto:
    behavior="alternate"

    Ese atributo ya casi no funciona en ningún navegador y por eso puede ser que no veas que se mueva.
    Saludos.

    ResponderEliminar
  175. No sé...ya lo revisé 1000 veces y sigue así...fijate...sin estilo, sin nada, pero la marquesina funciona...jaja y como no entiendo ni medio, entonces te tipo que me digas precisamente donde tengo que arreglar y qué tengo que arreglar. Gracias y perdón por las molestias.

    ResponderEliminar
  176. Casi das con la solución, pues de hecho sí es el área donde agregaste una llave, pero no debe ser una llave de apertura sino de cierre.
    Lo tienes así:
    .btns-compartir {
    display: none;
    margin-top:-10px;
    background:#F2F2F2; /* Color de fondo del contenedor de los botones */
    border:1px solid #D0C9AF;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    margin-bottom:20px;
    {

    Y debe ser así:
    .btns-compartir {
    display: none;
    margin-top:-10px;
    background:#F2F2F2; /* Color de fondo del contenedor de los botones */
    border:1px solid #D0C9AF;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    margin-bottom:20px;
    }

    ResponderEliminar
  177. Mil Gracias!!! Ya se solucionó...estoy re-contenta!!! Ahora cambio un poco los colores, configuro los enlaces y listo...Quedó pipi-cucu! jaja Mil Mil Mil Mil Gracias!!!!

    ResponderEliminar
  178. Me da gusto que se haya resuelto y verte feliz :)

    ResponderEliminar
  179. Hola potro como hago para agrandarlo osea como estirarlo por que me queda chica

    ResponderEliminar
  180. Hola Marcos,

    Mira el comentario #106, ahí verás una referencia para modificar el ancho del blog.
    Saludos.

    ResponderEliminar
  181. Potro no me cambio nada sigue la misma medida

    ResponderEliminar
  182. Arriba osea abajo de la cabecera y arriba de las entradas fijate


    wwww.planetariverp.com.ar

    ResponderEliminar
    Respuestas
    1. No veo que tengas este menú en tu blog.
      Si después lo pones, quita el script que bloquea el botón derecho para que pueda decirte qué modificar.

      Eliminar
  183. Hola!! Muy bueno tu blog. Oye, una preguntita, ¿Cómo hago para poner las URLs de mis secciones y entradas de mi blog al poner un menú horizontal?. Sé que hay que poner la url en el espacio que está en rojo, el problema es que no sé hacer lo de la url.¿qué tengo que copiar exactamente? Es que tengo muchísimas cosas hechas, y no quiero perderlas. Un saludo, y gracias de antemano.

    ResponderEliminar
    Respuestas
    1. Hola kerenRamos Lavell,

      Si quieres poner en el menú grupos de entradas que estén organizadas por categorías entonces mira esta entrada:
      http://ciudadblogger.com/2010/06/menu-de-categorias.html

      Eliminar
  184. hola potro buenas tardes.
    me puedes ayudar?tengo en uno de mis blog un problema resulta que lo veo
    en la web pero no encuentro la plantilla para modificar algunas cosas en donde se supone que debe estar junto con los otros no lo veo la dirección http://gpo-morelos.blogspot.com
    espero que me puedas ayudar porque le echo la lucha buscando como pero no pude te agradesco tu ayuda. G R A C I A S.

    ResponderEliminar
    Respuestas
    1. Hola jorge, ¿qué es exactamente lo que no puedes ver?

      Eliminar
  185. Hola Potro Buen Día: bueno lo que quiero es hacer nuevas entradas
    pero no veo la plantilla para hacerlo los otros blogs que
    tengo si aparecen por su nombre

    ResponderEliminar
    Respuestas
    1. Hola jorge, su usas la interfaz antigua mira al final del último blog en tu Escritorio, ahí verás que dice:
      Mostrando X de X blogs – Mostrar todo

      Da click ahí, eso es por si a lo mejor ocultaste el blog.
      Saludos.

      Eliminar
  186. Tengo la misma duda de Mº de las Mercedes y el link que dejo no me entra,la entrada ya no esta
    el mensaje al que me refiero es :
    cuando se agregan los enlaces, cómo hago para que sean varias las entradas que hay que agregar en, por ejemplo, "Recetas"...se entiende? cómo se separa cada enlace o url del enlace...que creo es la url de la entrada, no? Porque no tengo problemas para hacer el menú pero cuando quiero ubicar cada una de mis entradas en, por ejemplo, recetas o chimentos o actualidad, o lo que coloque, no sé cómo hacerlo, porque no es una entrada para cada uno sino varias, entonces, cómo separo los enlaces para que queden agrupadas todas en el mismo lugar, según el tema?

    ResponderEliminar
    Respuestas
    1. El enlace funciona bien Irene, ahí está la explicación de cómo se hace para agrupar entradas por categorías y enlazarlas:
      http://ciudadblogger.com/2010/06/menu-de-categorias.html

      Eliminar
  187. hola potro puse la barra de menus en mi blog pero estaba viendo que el mensaje corre pero luego se regresa .... habrá alguna manera para que corra y luego aparezca desde el otro extremo.... es decir que no se regrese para luego volver a pasar..... espero me haya sabido explicar. gracias.

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger