Menu horizontal de pestañas

2 de junio de 2009 632 comentarios ,
Menu horizontalUna pregunta muy recurrente es cómo crear un menú horizontal en Blogger. Si bien hay varios tipos de menú que podemos emplear este me parece muy sencillo de instalar y muy vistoso pues da un efecto de resaltado al pasar el mouse sobre el menú.

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.



Primero entra a Plantilla | Edición de HTML y pega antes de ]]></b:skin> lo siguiente:
/* Menú horizontal
----------------------------------------------- */
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVAXydJpXt6scJvqkPFmjCWNv4nbRsKgNlLqHP1eCLW8AQ0Kif9dZXfT3lMbkL4OYxPWxpcHzbrX2o2lgtA0feZfuYF9SWjPZEB4jQs5QQEO_0lDc709l4mayReXQ1H1YSZKzuuErpRBQ/) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 4px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFFGy948b1YH6ONbCT0tHlHsWfWINU8y3z1k7aqGnjklC3zATqnUsPcUZ6CyNCvIxvJ5xuXiuAYZhaWl7jJ5gzeSXivQ07hf1_XUggRHotIplu9wPqZqJPI0NymFllysyv-pScOaU51UkA/) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}
#menu a:hover span {color:#fff;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
.clear {clear:left}


Ahora entra en Diseño | Añadir un gadget | HTML/Javascript y ahí pega esto:
<div id='menu'>
<ul>
<li><a href='URL del enlace'><span>Título 1</span></a></li>
<li><a href='URL del enlace'><span>Título 2</span></a></li>
<li><a href='URL del enlace'><span>Título 3</span></a></li>
<li><a href='URL del enlace'><span>Título 4</span></a></li>
</ul>
</div>

Ahora arrastra el gadget debajo de la cabecera y cambia los datos que están en color rojo por los tuyos. Puedes agregar las pestañas que quieras, sólo añádelas antes de </ul>.
Las pestañas que he hecho son de color gris, si no te gustan puedes quitar las dos URL que están dentro de #menu a y #menu a span y usar el color de fondo que quieras.
El color y tamaño de la letra lo puedes cambiar dentro de #menu a span {font:

Para ver el ejemplo funcionando haz click aquí.
Para obtener botones de otros colores visita este post.


632 comentarios en:

" Menu horizontal de pestañas "

  1. gracias potro !

    estaba buscando esta solucion desde hace mucho pero no le entendia bien como en otros sitio...

    pero desde luego tu lo explicas perfecto !

    gracias


    saludos

    ResponderEliminar
  2. Gracias WeS, cualquier duda me comentas.
    Saludos.

    ResponderEliminar
  3. Si, la verdad que es muy sencillo de colocar. Yo estuve a punto de colocar algo así durante mi BloggerDepresión del fin de semana. Creo que si hubieses publicado este post antes... mi blog ya lo tendría. jajajajaja. Pero no te culpo bro, has pasado todo el fin de semana ayudandome con mi blog.jaja.

    Gracias!!!!!!!

    ResponderEliminar
  4. Tu blogger-depresión te convierte en un niño, todo lo que ves quieres, jajaja.

    ResponderEliminar
  5. Muchísimas gracias el Potro... este tutorial también está de lujo me sirve muchísimo a mí ya que soy ignorante en eso... que Dios lo bendiga y le siga dando muchísima inteligencia y sabiduría para que no siga compartiendo estos trucos en más de una ocasión lo sacan a uno de aprietos... Felicitaciones

    fersuaqui@hotmail.com

    ResponderEliminar
  6. Hola Anónimo,
    Muchas gracias por tus comentarios, que Dios te bendiga también.
    Saludos.

    ResponderEliminar
  7. Excelente Menu para colocar en un blog, siempre con excelentes post,..

    thank you...


    omegagil

    ResponderEliminar
  8. Hola..!! Muy buena y de mucha utilidad la barra de menú. Alguien sabe como hacer para que aparezca centrada en la página? Ya he intentado cambiar algunos valores pero no tuve éxito. Si alguien sabe se lo agradeceré mucho.!!

    ResponderEliminar
  9. Hola German,

    Como los botones de este menú están formados por dos imágenes al centrarlo se distorsiona, sólo podrías alinearlo a la derecha sin que pierda la forma.

    Saludos.

    ResponderEliminar
  10. Hola!

    Primero que todo muchas gracias por el Menú, llevaba horas intentándolo con otros tutoriales pero siempre tenían algún error... o quizás yo soy muy inexperta ya que recién estoy empezando con el blog. ^^

    Bueno resulta que ingresé el Menú y quedó perfecto salvo por un detalle, el color de fondo no me cubre todas las letras ya que el texto de algunos botones es muy largo... ¿qué puedo hacer para remediarlo?

    Agradeciendo de antemano tu ayuda,

    Verónica

    ResponderEliminar
  11. Hola Verónica,

    Me da gusto que al fin te haya salido.
    Ya he hecho el botón más largo para que no tengas esos inconvenientes. Copia y pega de nuevo el primer código y verás que el problema desaparece.

    Saludos.

    ResponderEliminar
  12. Te pasaste... ¡qué rapidez para responder! =)

    ResponderEliminar
  13. Yo tengo una duda, por ejemplo , ese menu es "sencillo" , pero cuando se quiere hacer un menu mas o menos asi:

    http://www.cosassencillas.com/wp-content/uploads/2007/11/menu-horiz-drop-down6.png

    No me importa tanto el diseño, mas bien lo que me interesa es saber como puedo subir un menu que despliega varias opciones dentro de blogger. Les agradezco de antemano.

    ResponderEliminar
  14. Hola None,

    Aún no tengo un post sobre ese tipo de menús, pero Rosa tiene un excelente post al respecto, puedes verlo en este link.

    Saludos.

    ResponderEliminar
  15. Que puedo hacer para alinearlo) se me queda la cabecera descuadrada

    ResponderEliminar
  16. Hola Meri,

    Una buena opción es que en un elemento HTML/Javascript pegues el código del menú, luego arrastras ese elemento hasta abajo de la cabecera y listo.

    Saludos.

    ResponderEliminar
  17. Potro excelente ya lo plique a mi blogg y me quedo super, ahora para colocar uno vertical, tienes alguna solución.

    ResponderEliminar
  18. Hola RonnyTemxcano,

    A petición aquí está el post que explica cómo hacer un menú vertical:
    http://ciudadblogger.com/2009/08/menu-vertical-para-el-blog.html

    Saludos.

    ResponderEliminar
  19. Gracias Compadre, los vi al inicio de la pagina, una duda puedes aplicar las dos opciones no crea conficto, para tener los botones en vertical y los otros en orizontal??

    ResponderEliminar
  20. Hola RonnyTemxcano,

    No hay ningún problema siempre y cuando los ID sean distintos, en este caso el ID de este se llama "menu" y el del menú vertical se llama "menuvert" así que no hay problema, puedes tener los dos y funcionarán perfecto.

    Saludos.

    ResponderEliminar
  21. Fantastico aplicando menus jajajaja, gracias... el color puedo cambiarlo es que el azul que tiene por defecto no me gusta??

    ResponderEliminar
  22. Hola RonnyTemxcano,

    Abajo del post hay un link de otra entrada con más colores de botones.

    Saludos.

    ResponderEliminar
  23. Tengo un problema no encuentro la etiqueta.. que podra ser?

    ResponderEliminar
  24. Hola Meryam,

    En el caso de tu plantilla debes pegar el código antes de:
    <div id='crosscol-wrapper' style='text-align:center'>

    Saludos.

    ResponderEliminar
  25. Hola... que buen blog tienes, me gustaria que me ayudaras, ya que al igual que Meryam no encuentro la etiqueta content-wrapper, www.jovenesamorviviente.blogspot.com
    Te lo agradeceré mucho.

    ResponderEliminar
  26. Hola Jovenes Amor Viviente,

    Podrías ponerlo antes de:
    <!-- end header-wrapper -->

    Saludos.

    ResponderEliminar
  27. HOLA! ME SIRVIO MUCHO LA INFORMACIÓN, PERO TENGO UN PROBLEMA, YO ARME UN BLOG A MODO DE PRUEBA Y LOGRE PONERLE LAS PESTAÑAS, ETIQUETE LAS ENTRADAS PERO AL HACER CLIK EN EL MENU NO ME DIRIGE A CADA SECCION, ME DA ERROR TE DEJO LA DIRE DEL BLOG PORQUE NO SE QUE ES LO QUE ESTÁ MAL
    http://pruebatallertr.blogspot.com/
    GRACIAS.

    ResponderEliminar
  28. Hola val,

    Es que estás poniendo en los enlaces la URL de tu blog y se repite, intenta poner otro enlace, por ejemplo:
    http://pruebatallertr.blogspot.com/2009/11/sabias-que.html

    Saludos.

    ResponderEliminar
  29. Hola! Gracias por la ayuda y la rapodez para responder, ya lo cambié!!! ahora.......queria consultarte, el blog real, yo ya lo tengo montado hace tiempo, no tengo todas las entradas etiquetadas, si lo hago, debo ingresar una por una la url en la plantilla no? pero luego, una ves que se van creando las nuevas entradas tambien debo hacerlo?
    te dejo el link
    http://tutravesiarural.blogspot.com/

    gracias

    ResponderEliminar
  30. Hola de nuevo val,

    En el menú deberás poner todas las URL que desees, si quieres que cada etiqueta tenga su pestaña en el menú entonces sí tendrás que hacerlo.
    Ahora, si ya existe una etiqueta, por ejemplo "Nuestra Tierra" cuando escribas un nuevo post con esa etiqueta, entonces ya no necesitarás hacer nada en el menú, pero si en el nuevo post creas una etiqueta nueva y diferente entonces sí tendrás que agregarla, a menos que no quieras que esa nueva etiqueta aparezca en el menú.

    Saludos.

    ResponderEliminar
  31. HOLA! ME SIRVIÓ MUCHISIMO O QUE ME EXPLICASTE, GRACIAS!!
    AHORA, QUERIA CONSULTARTE SOBRE OTRO TEMA EN EL MISMO LINK, YO AGREGUÉ A LA PLANTILLA DE ARTILUGIOS EL CODIGO PARA QUE LAS ENTRADAS SE PUEDAN AMPLIAR, PERO AL PUBLICAR, COMO PODRAS VER EN LA ULTIMA PUBLICACION, AL PRESIONAR SOBRE "LEER MAS" ME FIGURA ERROR, QUE ES LO QUE ESTÁ MAL?

    GRACIAS Y SALUDOS

    ResponderEliminar
  32. TURISMO RURAL

    ¿Qué método usaste para el Leer más?

    ResponderEliminar
  33. hola tengo una duda, intente pegar el menu pero al guardar los cambios las columnas se me corren como puedo hacer para ke el menu horizontal kede por debajo del banner pero centrado y por encima de mis tres columnas???? ayuda por favor

    ResponderEliminar
  34. Hola alis

    Pega el segundo código antes de la etiqueta <div id='middleads-wrapper'>

    Centrado va a quedar cuando llenes el menú con varias pestañas.
    Saludos.

    ResponderEliminar
  35. HOLA..............YO LO HICE ANTES DE ENCONTRAR ESTA PÁGINA, TE PASO LA PAGINA DE DONDE LO SAQUÉ
    http://www.google.com/support/forum/p/blogger/thread?tid=34a7e96517fe219d&hl=es

    ResponderEliminar
  36. Entonces te sugiero que hagas la pregunta en ese foro ya que desconozco el método que señalan para hacerlo.

    Saludos.

    ResponderEliminar
  37. Hola otra vez, Potro !

    Dime... hay forma de colocar el menu ANTES de la cabecera (donde estaba la barra de Blogger)?

    :)))

    Saludos!
    Karen

    ResponderEliminar
  38. Ups... necesito ayuda URGENTE!
    Hice el menú, pero el título de la encuesta que tengo en la página aparece como continuación del mismo!
    Cómo lo puedo arreglar???

    Gracias! :)
    Karen

    (www.vkimportltda.blogspot.com)

    ResponderEliminar
  39. Hmm... cambié algo (tenía el padding en 0 y lo volví a poner en 4) y se arregló, pero no estoy segura de si está visualmente centrado...

    Si podés, vichalo! (Gracias!!!!) :)))

    ResponderEliminar
  40. Y última... hay forma de separar las letras rojas de la encuesta del menú ? (Sorry que vienen en fila las preguntas, es que es a medida que lo voy haciendo).

    Gracias ooootra vez!

    :)))

    ResponderEliminar
  41. .........(salvé y hay un espacio enoooooorme entre la encuesta y el comienzo de la página... qué hago ???)

    Perdoooooooooooon!

    :)))))))
    Yasabésquien !
    (Karen)

    ResponderEliminar
  42. Hola Karen,

    No veo el espacio en blanco que mencionas, supongo que ya lo arreglaste.
    Puedes poner el segundo código en un elemento HTML/Javascript y luego lo "arrastras" con el mouse hasta arriba de la cabecera.

    Saludos.

    ResponderEliminar
  43. Ahora funciona bien de nuevo... o sea que solo sería ver cómo separar el menú del gadget... :)

    ResponderEliminar
  44. Si, gracias, Potro... no sé por qué en la primera vista que hice estaba raro, pero ahora se arregló solo!!
    (Yo no hice nada! O sea que tu código está perfecto).

    Al final creo que lo voy a dejar así... me parece que queda más cómodo donde está que si lo pongo muy arriba... Muchas gracias por tus respuestas y paciencia!! :))))

    Saludos cordiales,
    Karen

    ResponderEliminar
  45. A decir verdad me gusta cómo se ve así, también puedes echar un vistazo a otros botones por si quisieras cambiarles el color:
    Botones para el menú horizontal

    Saludos!

    ResponderEliminar
  46. Siiiiiii, gracias!!!
    No ves que sos genial?
    Pero...ya había visto este artículo... y me gustaron más los grises. Quedan más "serios" para algo ´comercial´...
    De todas formas, tengo esa página etiquetada en mis bookmarks (no te imaginás lo que son mis bookmarks!!) porque nunca se sabe cuándo se puede necesitar!

    Saludos!! :))
    Karen

    ResponderEliminar
  47. Jajaja, yo también tengo mis bookmarks llenos de cosas y siempre digo "algún día me podrá servir"

    Saludos!

    ResponderEliminar
  48. Y después nunca más los miramos... :))))))

    ResponderEliminar
  49. eyy bro!
    como saco las url`s
    ke nesecito ayudame con eso
    thank`s...!!!!

    ResponderEliminar
  50. Hola FuvnFo,

    La URL es al dirección web de una página, así que depende de qué enlace sea el que quieras poner.

    Saludos.

    ResponderEliminar
  51. Yo he diseñado mis propios botones con el paintshop,incluyendo dentro el título con letras que me gustaron.¿Cómo puedo poner esos botones en vez de los que aportas?.Gracias

    ResponderEliminar
  52. Hola Knijo,

    Subelas a un hosting y luego sustituye las URL que están en este código por las tuyas. La primera URL es para la imagen pequeña, la segunda es para la imagen del botón más largo.

    Saludos.

    ResponderEliminar
  53. Es decir,como quiero poner los botones sueltos.Solo debo subir la imagen del boton a la primera url,verdad?
    La segunda la quito.(Es que estoy empezando,perdón)
    Gracias

    ResponderEliminar
  54. El botón está compuesto de dos imágenes para que funcione correctamente. Revisa las URL que te digo y haz tus botones en base a esas dos imágenes. Luego cambia las URL y listo.

    Saludos!

    ResponderEliminar
  55. No consigo el efecto que buscaba.Gracias de todas formas.

    ResponderEliminar
  56. Por nada. Abajo del post hay un enlace con más diseños de botones, quizá alguno te sirva.
    Saludos.

    ResponderEliminar
  57. Hola , muy bueno el menu, tengo un solo problema y es que al traducirlo se elimina el primer botón.
    Te agradezco una respuesta.

    Interesantisimo blog tienes

    ResponderEliminar
  58. Menu horizontal con problemas al traducir

    http://it843.blogspot.com

    ResponderEliminar
  59. Hola w,

    Es normal que cuando usas un traductor para traducir una página no se muestren muchas imágenes, sucede con la mayoría de los sitios, pero es por la forma en que el traductor "re-acomoda" los elementos de la página al traducir.

    Saludos.

    ResponderEliminar
  60. Hola Potro, un gusto encontrarte.
    Que etiqueta debo buscar en lugar de
    div id='content-wrapper'
    que no aparece en mi config.

    http://fadipasion.blogspot.com/

    Gracias !

    ResponderEliminar
  61. Hola negropablo_avellaneda,

    Puedes pegar el código dentro de un elemento HTML/Javascript y luego arrastras el elemento hasta abajo de la cabecera o donde quieras que aparezca el menú.

    Saludos.

    ResponderEliminar
  62. tengo un menu horizontal, que dice: fotos, videos, etc. bueno lo que quiero saber es como el la parte del menu que dice fotos, cuando le haga un click me aparezca todas las fotos de mi blog

    ResponderEliminar
  63. Hola maria auxiliadora,

    Si quieres que enlace a la entrada donde tienes las fotos entonces donde dice URL del enlace pon esto:

    http://mariaauxiliadoragarupa.blogspot.com/2009/12/blog-post_14.html

    De esa forma enlazará al post donde tienes las fotos.
    Saludos.

    ResponderEliminar
  64. muy bueno tu post pero man en mi plantilla de mi blog no hay la etiqueta de "div id='content-wrapper'" q hago???
    por la respuesta a "cae0001@hotmail.com"

    ResponderEliminar
  65. Hola —(•·÷[ÇRÍŠŠ_MÂÑ]÷·•)—,

    Sin saber cuál es tu blog me es imposible adivinar qué plantilla usas para encontrar el código que mencionas.
    De cualquier modo puedes poner el menú en un elemento HTML/Javascript y luego lo arrastras abajo de la cabecera.

    Saludos.

    ResponderEliminar
  66. okey muchas gracias

    y si no fuera tanta la molestia si tuvieras algun gadget para mostrar videos de forma ramdon cada ves que entre una persona al blog cambie de video automaticamente

    PD: muy bueno tu blog
    mi blog http://cae0001.tk

    ResponderEliminar
  67. El código del menú lo puedes poner antes de esta etiqueta:

    <div id='wrap'>

    No conozco un código que haga lo que mencionas del video, pero si encuentro algo te aviso.

    Saludos.

    ResponderEliminar
  68. cuando abro el blog veo el menu horizontal, pero en cuanto se carga la barra de la derecha, el menu desaparece. gracias
    http://elchelegal.blogspot.com/

    ResponderEliminar
  69. Hola EL CHELEGAL,

    El último código mejor no lo pegues directo en la plantilla, pégalo en un elemento HTML/Javascrip y luego arrastra el gadget debajo de la cabecera.

    Saludos.

    ResponderEliminar
  70. Me alegro que ya esté funcionando.
    Saludos!

    ResponderEliminar
  71. por cierto, es posible que de cada pestaña salga un desplegable con distintos enlaces

    ResponderEliminar
  72. En este menú no funciona muy bien ya que se desalinearían las imágenes. En todo caso te recomiendo el menú con efecto deslizante.

    Saludos.

    ResponderEliminar
  73. estoy en ello, creo que queda bien, otra vez gracias

    ResponderEliminar
  74. hola, que tal me encantocomo poner menu horizontal me salio chevre pero ahora quiero poner un menu vertical pero igual al diseño de tu menu horizontal ,como puedo hacerlo ayuda porfavor

    ResponderEliminar
  75. Hola ENIGMA,

    Tendrías que crear la imagen de cada pestaña, en este menú la imagen de la pestaña está formada por dos imágenes, pero en un menú vertical se necesita sólo una, es decir, juntar las dos imágenes y editarla para hacer sólo una.
    Luego en la sección de Menús verás un par de menús verticales, sólo sería usar la imagen de la pestaña como fondo de un menú vertical.

    Saludos.

    ResponderEliminar
  76. Hola,recomendarías que al darle a un botón del menú se abriera en una pagina nueva?

    ResponderEliminar
  77. Hola Potro, muchas gracias por este post, me pareció genial, pero me queda una duda, cómo hago para que las pestañas aparezcan del mismo porte???

    Saludos,

    Victoria

    ResponderEliminar
  78. Antonio F. Lara, definitivamente no, siempre hay que procurar que los enlaces internos (o sea los que dirigen a otra parte de nuestro sitio) siempre se abran en la misma ventana, de lo contrario el lector terminará odiando el sitio.

    Contacto Blog IGT, no he entendido tu pregunta ¿me podrías dar un ejemplo?

    ResponderEliminar
  79. hola potro yo contruy mi menu horizontal pero no puedo hacerlo que enlace porejemplo yo ago click en el boton deportes y no me enlasa , lo que hace es que se queda en la misma pajina

    ResponderEliminar
  80. porfavor si me puedes decir que hacer te lo agradesere

    ResponderEliminar
  81. Hola LA VOZ DE LA SEMANA,

    ¿Cuál es la URL a la que quieres enlazar?

    ResponderEliminar
  82. Hola. En primer lugar agradecerte toda la información que das. Soy novatísima en esto y hasta ahora me ha venido fantástico, muchas gracias.
    Tengo 2 preguntas.
    1.- Como puedo trasladar del diseño de mi plantilla (Home, Comments Rss,,,a la parte superior derecha sin perder formatos, colores, etc...
    2.- Si se pueden mover, en su lugar quiero colocar un menú horizontal con el mismo fomato, color, letra...para Contacto, Proyectos, Idéas, Consejos, Herramientas, etc..
    De nuevo muchísimas gracias.
    Este es mi blog www.redecohogar.blogpost.com

    ResponderEliminar
  83. Hola Cristina Seijo,

    Entra en Diseño > Edición de HTML y busca esta parte:
    ul#menu li {
    float:left;

    Cambia ese left por right para que el menú quede del lado derecho, lo segundo no te he entendido pero si quieres poner un menú del lado derecho y otro del lado izquierdo entonces lo mejor es que lo dejes como está y sólo agregues más pestañas.

    Saludos.

    ResponderEliminar
  84. Hola yo me he descargado una plantilla para mi blog,tiene varias pestañas,todas en ingles,y cuando hago click en ellas me sale error de pag.Me gustaria poder utilizarlas pero no se como hacerlo,me puedes ayudar??
    GRACIAS

    ResponderEliminar
  85. Hola Lucya,

    Entra en Diseño > Edición de HTML y busca donde dice <div id='NavbarMenu'> un poco más abajo verás los textos de esas pestañas, ahí puedes cambiarlas, donde dice: http://your-link-here debes sustituirlo por la URL de enlace que quieres ponerle a tus pestañas.

    Saludos.

    ResponderEliminar
  86. hola!
    muchas gracias por el post! muy útil!
    sólo una cosa...¿cómo podría hacer para que la pestaña activa tenga un color diferente al resto de las pestañas?

    muchas gracias!!

    ResponderEliminar
  87. Con este menú es un poco complicado hacerlo ya que tendrías que hacer dos nuevas imágenes para la pestaña de distinto color y luego agregar los estilos, es un poco trabajoso y no luce mucho en este tipo de menús por lo que no es muy recomendable.

    Saludos.

    ResponderEliminar
  88. Hola Mr. (me alegra que ya te te hayas puesto bueno)

    respecto al tema que nos ocupa en esta entrada:

    mi plantilla no tiene esta etiqueta: content-wrapper

    ni expandiendo ni sin expandir...Qué hago??

    Un abrazo desde Irlanda!!

    ResponderEliminar
  89. OK!! ya lo solucioné (créo)

    He optado por añnadir lo que faltaba con un gadget 'HTML/javascript' y ha funcionado!! =>

    P.D.- Fuerza Mr. Ya estás en casita!!

    ResponderEliminar
  90. Qué bueno que ya lo hayas solucionado y que te las hayas ingeniado para hacerlo :D
    Gracias por los ánimos, espero en unas semanas estar al 100% para seguir dando batalla.

    Un abrazo!

    ResponderEliminar
  91. Hola Potro, soy Cristina. Veo que has estado enfermo, espero que ya estés bien.
    Respondiendo a tu mensaje para mi blog redecogar, creo que tienes razón, lo mejor es que agregue las etiquetas que necesito que son de momento 3 mas. ¿Cómo las agrego?. Graciassssssss
    Un abrazo.

    ResponderEliminar
  92. Hola de nuevo Potro.
    No sé como, pero después de estudiar bien prácticamente todas tus ayudas, he conseguido añadir las etiquetas que necesitaba. Ya va quedando el Blog como quería.
    Lo único que si necesito cambiar es el tamaño y letra del Título de la primera entrada, es demasiado grande y no soy capaz de saber donde cambiarlo.
    Gracias de nuevo.
    Un abrazo

    ResponderEliminar
  93. Qué gusto que ya hayas resuelto lo del menú pero me da más gusto que hayas sido tú quien descifró cómo hacerlo ;)
    Para el título de la entrada entra en Diseño > Edición de HTML y busca esta parte:
    .post h3 {
    color:#CC6600;
    font-size:22px;

    Cambia ese 22px por 18px u otra cantidad hasta que quede a la medida que quieres.

    Un abrazo.

    ResponderEliminar
  94. Gracias Potro, eres un encanto. Ya lo cambié y queda perfecto. Ya me queda poquito para comenzar a optimizarlo y que empiece a tener visitas, que de ello depende mi economía, jajajajaja. De nuevo gracias.
    Para terminar de darte la lata una cosita más. Que url he de poner para que cada título, como "proyectos" aparezca en ventana diferente, como en tu blog que cliqueas sobre Plantillas y allí encontramos la información que necesitamos sobre ese tema guardando la estructura del blog.
    Espero que me hayas entendido, jejejeje a estas horas estoy aún con un café.
    Muchísimas gracias por todo.
    Un abrazo

    ResponderEliminar
  95. Más que una ventana diferente creo que te refieres a que aparezcan las entradas sobre un mismo tema.
    Para eso es necesario que tus entradas tengan etiquetas, por ejemplo 'proyectos'.
    Luego en la URL del enlace pon la URL de la etiqueta, por ejemplo:
    http://tublog.blogspot.com/search/label/proyectos

    Saludos.

    ResponderEliminar
  96. Hola de nuevo Potro.
    Lo que necesito es que cuando clicleo en el menú de debajo de la cabecera "Proyectos", "Contacto" o "Eventos", me lleve a una nueva ventana con sus entradas y comentarios correspondientes. Si observas mi blog, el título restauración de muebles y el comentario adjunto se ha colocado delante de la entrada con fecha 4/03/10 cuando lo que pretendo es que esté en su ventana Proyectos, no en la de inicio.
    No sé si me habré explicado bien. A lo mejor lo que quiero es que sean como post diferentes. En cualquier caso no tengo ni la menor idéa de como hacerlo. Lo mismo me ocurre con contacto, he contratado 123Contact Form y no sé como hacer para que aparezca en ventana nueva y que al término de rellenar los campos no me saque del blog.
    Graciassss, espero resolver esto pronto y no molestarte más, ainssssss, discúlpa mi ignorancia en estos temas.
    Un abrazo

    ResponderEliminar
  97. Para que un enlace se abra en otra ventana tienes que usar el atributo target='_blank', por ejemplo:
    http://google.com target='_blank'

    Ten en cuenta que debes dejar un espacio entre la URL y el atributo target.

    Saludos.

    ResponderEliminar
  98. Para añadir los menús comentados he realizado esto:

    http://redecohogar.blogspot.com/search/label/Proyectos


    donde coloco el target='_blank'

    Gracias
    Saludos

    ResponderEliminar
  99. Tenías razón he conseguido colocar el target correctamente y efectivamente se me abren nuevas ventanas. Algo mas que he aprendido pero como bien comentaste no es mi caso, lo que necesito es lo que acertadamente me dijiste anteriormente. Llevo tantos días y tantas horas que ya no sé ni lo que hago.
    Para que las entradas nuevas no se coloquen en la principal de inicio, sino en la que le corresponde, que he de hacer, aún no lo entiendo ni lo tengo claro.
    Gracias y perdona, supongo que somos millones de personas que te pedimos ayuda a diario.
    Un saludo y mil gracias

    ResponderEliminar
  100. Las entradas nuevas siempre se colocan en la página de inicio pues esa es la naturaleza de un blog, aunque puedes editar la fecha para cambiarlas de orden y así acomodarlas como tú quieras, puedes ver cómo hacerlo en este enlace.

    No hay nada que disculpar, en lo que pueda ayudarte lo haré con gusto.
    Saludos.

    ResponderEliminar
  101. Prometo no molestar más.
    Creo que no he sabido explicarme.
    Cuando yo visito tu página y clicleo sobre la pestaña MENUS, este muestra temas como "Personalizar el gadget de Páginas estáticas", "Menú horizontal de pestañas", etc..
    Bien cuando clicleo sobre "Menú horizontal de pestañas" de nuevo se me muestra otra página con la explicación de como hacerlo. Pues bien, eso es lo que yo necesito, cliclear sobre mi pestaña "Proyectos" y se me muestre una página en la que poder exponer a quienes me visitan los trabajos realizados en diferentes hogares.
    Espero haberme explicado bien ahora.
    Gracias de nuevo.
    Un abrazo de una admiradora de tu paciencia y tu trabajo.
    redecohogar.blogspot.com

    ResponderEliminar
  102. Creo que te refieres a los títulos expandibles, eso es un poco más complicado pero no imposible.
    Aquí puedes ver cómo hacerlo.

    Otro abrazo para ti.

    ResponderEliminar
  103. Buenos días.
    Ya he copiado los códigos necesarios para aplicar los títulos expandibles. No me ha dado ningún problema la plantilla al guardar. Creo que hay algo que me falta por hacer. He realizado una prueba ponque dentro de "Proyectos" quiero ver la entrada que he realizado ahora de Redecorando Habitación Juvenil para que este me lleve a la página en donde explicar el proceso de transformación.
    Si puedes ver mi blog para saber que paso me falta, te lo agradecería. (redecohogar.blogspot.com
    Gracias Potro una y mil veces.
    Buen día

    ResponderEliminar
  104. He estado leyendo el post de El Escaparate de Rosa como dices al final de los códigos que como digo se han guardado correctamente. Pero Rosa habla de descargamos el script que necesitamos para hacer funcionar el efecto y lo subamos a un alojamiento adecuado para obtener su url. Además comenta que antes peguemos el código que encuadra en su ayuda.
    De veras que me estoy volviendo loca para que esto funcione. Estoy perdida. Lo peor es que voy a contra reloj porque muchos amigos y clientes me apremian para poder visitar el blog y estoy angustiada.
    Gracias Potro.
    Un besazo.

    ResponderEliminar
  105. Hola Cristina,

    En la entrada de Rosa ella menciona lo del alojamiento del script porque puso el script para descargar, en mi caso yo lo hice por ustedes para que no tengan que preocuparse por ese detalle.
    Si los códigos los pusiste en el lugar indicado no debe fallar, y de hecho ha funcionado, puedes verlo en este enlace:
    http://redecohogar.blogspot.com/2010_03_01_archive.html

    Ahora, para que cuando se haga click en Proyectos aparezcan todas las entradas con ese tema, es necesario que tus entradas tengan la etiqueta 'Proyectos' de otra manera si das click en ese enlace no aparecerá nada ¿por qué? porque no encuentra ninguna entrada con esa etiqueta.
    Entonces, primero debes ponerle etiquetas a tus entradas para que funcione como deseas.

    Saludos!

    ResponderEliminar
  106. bueno holaante todo
    quisiera haverte una consulta oy tengola barra de menu
    pero quisiera saber como hagopara por ejemplo poner donde dice videos quiero que aparescan los videos done cide fotos que aparescan las fotos y todo eso como lo hago

    ResponderEliminar
  107. miblog es este http://duolambras.blogspot.com/ y quisiera que esos videos aparecieran donde dice videos ayudame por favor

    ResponderEliminar
  108. Hola DUO LAMBRAS,

    Primero tienes que ponerle etiquetas a tus entradas, por ejemplo, las entradas que tienen videos ponles la etiqueta 'videos'.
    Luego en el menú usa la URL de la etiqueta para que aparezcan todas las entradas con ese tema, en este caso los videos.
    La URL de la etiqueta sería más o menos así:
    http://duolambras.blogspot.com/search/label/videos

    Saludos.

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

    ResponderEliminar
  110. Potro, al final lo conseguí, jo es estupendo. Ahora solo me queda por preguntarte como puedo hacer para que cuando se regrese a inicio solo se vea la entrada principal Decoración para su Hogar y no todas las entradas etiquetadas. Por último que puedo hacer para que el mensaje, "Mostrando las entradas más recientes con la etiqueta Proyectos - Mostrar las entradas más antiguas - Mostrando las entradas más recientes con la etiqueta Proyectos dentro de un recuadro de color desaparezca.
    Muuuuuuuuuuuchas Gracias.
    Un abrazo

    ResponderEliminar
  111. En la página principal siempre se mostrarán las últimas entradas escritas, ya sea que estén etiquetadas o no.
    Para eliminar ese mensaje mira esta entrada.

    Saludos!!!

    ResponderEliminar
  112. Es el mejor Blog de ayuda en el que he estado nunca y en el que me han eseñado tanto y tan bien. Con todos tus post estoy cambiando totalmente la plantilla y está quedando fantástica. Cuando puedas visítala y me das tu opinión que la valoro mucho.
    Ya poco me queda por preguntar, pues como digo ya no me da tanto miedo toquetear con las explicaciones que nos das, jajajaja.
    Como puedo hacer para que la primera entrada que la he dedicado a mi presentación como empresa, no contenga mas que esa información. Veo que tu Blog no contiene pestaña de Inicio, pero cuando clicleamos al pie del blog sobre página principal, tan solo tienes un par de entradas de información. Y algo así me podría servir.
    Gracias y si puedes disfrutar del puente, que descanses.
    Un abrazo

    ResponderEliminar
  113. como haggooooo T_T como le pongo las etiquetassss
    como como siempre que pongo ya sea videos o historia y fotos siempre sale lo mismo como haria para que salgan distintas ??
    por ejemplo fotos con fotos
    videos solo videos
    inicio lo principal que le pienso poner
    historia solo le pondre letras pero
    no se como hacer para que salgan diferentes T_T ayudame por favor

    ResponderEliminar
  114. mira si me das tu msm te agardeceria mucho asi me diris como oks gracias

    ResponderEliminar
  115. mi correo es duolambras@hotmail.com

    ResponderEliminar
  116. Cristina, en Configuración > Formato y en donde dice Show at most escribe 1 para que se muestre sólo una entrada en la pagina principal, que será la última que hayas publicado.

    DUO LAMBRAS, te dejo un enlace para que veas cómo ponerle etiquetas a tus entradas:
    http://elescaparatederosa.blogspot.com/2007/08/como-etiquetar-los-posts.html
    Y este otro enlace habla un poco más sobre las etiquetas:
    http://elescaparatederosa.blogspot.com/2010/01/las-etiquetas-en-blogger.html

    ResponderEliminar
  117. 1.- En tu Blog, La Cabecera, el main-wrapper, la sidebar-wrapper y el footer-wraper dentro del Outer tienes un color mas claro, como si estuviese enmarcado como un cuadro. Me gustaría dejar el mío igual.
    2.- De la misma manera tienes el main y la sidebar y también me gusta.
    3.- He sustituído la imagen de la cabecera asegurándome de que los márgenes eran los correctos, pero detrás de la imagen se observa una zona de color distinto. No consigo que desaparezca.
    Gracias
    Un saludo

    ResponderEliminar
  118. No sé exactamente cómo se haya hecho eso en esta plantilla pues ya la plantilla lo tenía :S

    ResponderEliminar
  119. Me he registrado en AdSense. Quiero que la publicidad aparezca como en tu blog al principio de la explicación de las entradas y no en las entradas +/- Título
    Que modificaciones he de hacer???.
    AH! Como puedo hacer para que desaparezca en las entradas con el signo +/- la fecha.
    Gracias.
    Un saludo

    ResponderEliminar
  120. Busca el código que pegaste para que las entradas aparezcan resumidas, ahí verás esos signos, sólo elimínalos.
    Te dejo el enlace con la información de Adsense:
    http://ciudadblogger.com/2010/01/10-lugares-para-poner-adsense-en.html

    Saludos.

    ResponderEliminar
  121. No me expliqué bien. Perdona que sea tan pesada.
    Me refería a que en las entradas resumidas me aparece la publicidad de adsense y lo que yo quiero es que solo aparezca en las que está el comentario ampliado, como al principio de esta publicación.
    En segundo lugar, mi pregunta es como puedo hacer para que no aparezca en las entradas resumidas la fecha de publicación.
    De nuevo muchísimas gracias, sin tu ayuda no habría sido posible mi blog.
    Un saludo y que descanses

    ResponderEliminar
  122. En la entrada que te mencioné está la respuesta, busca la parte donde dice:
    Bajo el título de la entrada (solo visibles en páginas de las entradas)
    Ahí te dice qué código usar para que se muestre sólo en las páginas individuales.

    De lo otro no se puede quitar sólo ahí, si quitas la fecha se quita en todas las entradas, incluyendo las resumidas.

    Saludos.

    ResponderEliminar
  123. Es posible hacer que el menu este mas abajo ?

    ResponderEliminar
  124. Depende a qué te refieras con más abajo, si te refieres a que quede más separado de la cabecera o de otro elemento que tengas arriba del menú entonces sólo basta poner <br/><br/><br/> arriba del código del menú, eso hará que haya más separación, cada br/ es un salto de línea, puedes poner tantos como quieras.

    ResponderEliminar
  125. He configurado Adsense para que salga en el cuerpo de la entrada (solo visibles en páginas de las entradas) y a la izquierda. El problema es que cuando escribo una entrada el inicio de texto no me comienza debajo del cuadro de la publicidad como en tu blog, sinó que comienza al mismo margen y a su derecha. Como cuando en Word colocamos una fotografía y elegimos la opción cuadrado y al escribir salvamos la fotografía.
    Como puedo hacer para que comience justo debajo de la publicidad.
    Graicassssssssssssssss

    ResponderEliminar
  126. Eso es porque lo configuraste para que salga en el cuerpo de la entrada del lado izquierdo, el mío es 'debajo del título de la entrada' y creo que es el que deseas.
    Si tienes más dudas sobre Adsense u otro tema coloca la pregunta donde corresponde para que quienes lean esta entrada no se confundan con la información.

    Saludos!

    ResponderEliminar
  127. Tienes razón perdona, no volverá a ocurrir.
    Gracias por toda tu ayuda.
    Un saludo

    ResponderEliminar
  128. Hola,

    Me gusta mucho tu blog, lei este post y coloque los botones en mi blog,lo unico es como puedo hacer porque los botones quedan muy juntos al titulo de las entradas, entonces quisiera poner 2 o 3 espacios entre los botones y el titulo de las entradas, como podria hacerlo?

    el blog es el siguiente http://sanluismextepec.blogspot.com/

    ResponderEliminar
  129. Al final del código agrega esto para darle separación:
    <br/><br/><br/>

    Saludos.

    ResponderEliminar
  130. Saludos Potro. Quiero que al pasar el cursos por una de las pestañas del menú, aparezca un mensaje. ¿Cómo puedo hacerlo? Lo concreto un poco: en la pestaña del blog "PON NOMBRE A LA MASCOTA" (concurso que ya ha terminado) quiero que, al pasar el cursor por ella, aparezca el mensaje: "concurso finalizado". ¿Es posible ésto?
    http://proyectoeducacionvialotura.blogspot.com/

    ResponderEliminar
  131. Claro, en lugar del enlace común puedes usar un código para que aparezca un mensaje de alerta en el cual puedes poner el mensaje que quieras.
    http://ciudadblogger.com/2009/02/mensaje-de-alerta-al-pasar-el-cursor.html

    Ahí verás dos opciones, una es para que el mensaje aparezca al hacer click y otra para que aparezca al pasar el cursor sobre el enlace.

    Saludos.

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

    ResponderEliminar
  133. MASTER ESTA GENIAL,PERO CUANDO COLOCO EL LINK Y GUARDO LA PLANTILLA NO PUEDO YA QUE NO QUEDA BIEN. NO SE SI SERA QUE EL LINK ES MUY LARGO .

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

    ResponderEliminar
  135. Necesitaría saber qué código estás usando para poner el enlace, seguro es un error en la forma que se está poniendo.

    ResponderEliminar
  136. hola muy buenas
    podrias decirme como se llama tu plantilla me gusta lo de los enlaces, me refiero a por ejm, das a menu y te salen todos las enlaces que puedes entrar,
    gracias y un saludo

    ResponderEliminar
  137. Hola Mercedes España,

    La plantilla que uso se llama Revolution Church y la puedes encontrar en BTemplates.com pero el menú original que tenía la plantilla lo cambié por otro.

    Saludos.

    ResponderEliminar
  138. creo que no me explique, cuando pulsan en tu menu, te selen como mas enlaces de posibles dudas pero sin su explicacion, y le pinchas y te manda donde explicas lo de ese titulo,,
    perdon por explicarme tan mal,, y muchas gracias,,no se si me entenderas
    saludos

    ResponderEliminar
  139. Te explicaste muy bien, soy yo el que últimamente no entiende bien, pero ahora me ha quedado claro
    =)
    Aquí puedes ver cómo se hace.

    ¡Saludos!

    ResponderEliminar
  140. hola!lo primero muchas gracias, y por tener tanta paciencia,
    lo intentare ya te contare,
    saludos!

    ResponderEliminar
  141. no encuentro ese codigo ó por lo menos no termina así:

    </div></div>

    termina distinto
    que puedo hacer

    ResponderEliminar
  142. En esa entrada en el comentario #94 dice cómo puedes guiarte para colocar los códigos en el lugar correcto.

    Es posible que tu plantilla no se vea igual, sobre todo si es una plantilla que no es original de Blogger, pero puedes guiarte como se explica en ese comentario para que no haya confusión.

    Saludos.

    ResponderEliminar
  143. Hola Potro, primero darte las gracias, ya casi lo tengo es verdad no todas las plantillas tienen los mismos códigos,eres todo un fenómeno
    gracias y saludos

    ResponderEliminar
  144. Hola Potro, quiero wue cuando abran mi blod una pagina determinada como lo hago, siempre aparece la ultima actualizada
    gracias

    ResponderEliminar
  145. Hola Julián Sánchez,

    Puedes editar la fecha para dejar la entrada que quieres siempre hasta arriba del blog.
    http://ciudadblogger.com/2009/09/como-dejar-una-entrada-siempre-arriba.html

    Saludos.

    ResponderEliminar
  146. Hola Potro, estoy iniciándome en esto de los blog te mando mi dirección para ver si me orientas un poco. La plantilla que he escogido al visualizarla la barra de sidebar se sale de la plantilla y hace un efecto feo. Puedes darme una solución?. Esta es mi dirección. Gracias.

    http://lauraeducacionfisica.blogspot.com/

    ResponderEliminar
  147. Hola Laura,

    Supongo que alguna modificación hiciste que causó que se cortara de esa forma la sidebar.
    Creo que lo más recomendable es que copies en un block de notas los códigos de tus gadgets y reinstales de nuevo la plantilla para corregir el problema.

    Saludos.

    ResponderEliminar
  148. Hola El Potro, Estaba implementando este menu a mi blog, y no lo logre, ya que no encuentro la etiqueta <*div id*='content-wrapper*'> . Me Podrias Ayudar??

    El blog es http://mipropiodinero.blogspot.com/. Gracias

    ResponderEliminar
  149. (Le puse los asteriscos porque sino no me dejaba comentarlo

    ResponderEliminar
  150. Hola Galo_Diablo™,

    Puedes probar ponerlo debajo de div class='clearfix' id='main'
    Si no te queda ponlo en un elemento HTML/Javascript y luego arrastralo hasta donde quieras.

    Saludos.

    ResponderEliminar
  151. Saludos y gracias por la ayuda me sirvio mucho para crear el menu para mi blog.
    http://pagan-music88.blogspot.com/

    ResponderEliminar
  152. Me alegro que te haya sido de utilidad.
    Saludos.

    ResponderEliminar
  153. Hola potro, haber si me puedes decir como puedo hacer para centrar el menu debajo de la cabecera, para que quede centrado con esta. muchas gracias. el blog es:
    http://www.apartamentosacasanova.com/

    ResponderEliminar
  154. En el tercer código busca donde dice <ul> y agrega junto a eso dos más iguales, es decir <ul><ul><ul>

    Luego más abajo busca esta </ul> y de igual forma agrega junto a ella dos más iguales.

    Con eso sebe recorrerse más al centro.
    Saludos.

    ResponderEliminar
  155. Nota, en la segunda indicación tienes que agregar dos más como este </ul> quedando así, </ul></ul></ul>

    ResponderEliminar
  156. el segundo codigo que dices que introdusca en la plantilla en la mia no aparece ese codigo solo aparece este <div id='crosscol-wrapper' es el mismo ?

    ResponderEliminar
  157. Buah, no ha funcionado, pero ya le metere otro menu cuando tenga un poco de tiempo. Por cierto, sabes como hacer para eliminar el espacio en blanco que me queda entre entradas.
    Ah, soy javi de pontenova.es con otra cuenta.
    Un saludo potro, cuidate mucho.

    ResponderEliminar
  158. Lil Omar, puedes ponerlo dentro de un elemento HTML/Javascript y luego lo arrastras debajo de la cabecera.

    apartamentosacasanova, busca esta parte y modifica el 1.5em por un valor más bajo:
    .post {
    margin:.5em 0 1.5em;

    ResponderEliminar
  159. ¿que hago no puedo guardar la plantilaa??? le doy guardar y no se guarda

    ResponderEliminar
  160. ya pude hacerlo lo unico que hize fue cambiar de plantilla

    ResponderEliminar
  161. No era necesario cambiar de plantilla pero qué bueno que ya solucionaste el problema.

    ResponderEliminar
  162. que ndas grandes aportes que me han servido mucho, pero tengo un problema, ya quedo instalado el menu, solo que al momento de ya darle click a alguno de los enlaces no me aparece ninguna entrada que me puede estar pasando ? Gracias

    ResponderEliminar
  163. Necesitaría ver el blog donde lo has puesto para saber qué ha pasado.

    ResponderEliminar
  164. -.-

    Muy bueno pero...

    para la segunda etiqueta esa no lo consigo en mi plantilla y eso que use ctrl+f de google chrome que lo busca automaticamente me dice que no existe que puedo hacer ? bueno da = si me respondes no lo sabre pero no sabes un truco para poder poner la opcion de resgistrar en el blog para que la gente se registre... xd

    olle por cierto como isistes para poner esas flechas que tienes a los lados.... xd chau

    ResponderEliminar
  165. Todas las preguntas se responden.
    Si tu plantilla no tiene esa etiqueta prueba hacerlo como se indica en el comentario #18
    Blogger no tiene la opción para que los usuarios se registren.
    Las flechas puedes ver cómo se ponen en esta entrada.

    Saludos.

    ResponderEliminar
  166. hola potro... sigo molestando. armé el menú, me que bien, pero la sidebar de la derecha se me pega al menú como una casilla más. debo estar haciendo algo mal. ¿Me ayudás? Gracias

    ResponderEliminar
  167. Perdó, es la sidebar de la izquierda que se pone a lo último de las casillas

    ResponderEliminar
  168. Listo potro... lo agregué en un elemento HTML/Javascript

    ResponderEliminar
  169. Bue... sigo molestando. Los tres primeros botones andan joya los restantes me dice que no existen esas entradas.

    ResponderEliminar
  170. Hola German,

    Es importante que si la etiqueta usa una mayúscula también la incluyas así en la URL, por ejemplo, la etiqueta está como Estadísticas, entonces en la URL esa palabra también debe comenzar con una mayúscula.

    Saludos.

    ResponderEliminar
  171. Lo repetí muchas veces pensando que ese el problema pero sigue igual.

    ResponderEliminar
  172. Descubrí el error...el scipt no reconoce las mayúsculas y mis etiquetas están todas con mayúsculas así que comencé a cambier eso y funciona dodo bien. Gracias Potro y perdón la molestia. Un abrazo

    ResponderEliminar
  173. Qué bueno que ya lo has solucionado :)

    ResponderEliminar
  174. Potro salvador de vidas ja

    quisiera saber si hay alguna forma de aplicar menus ya diseñados como por ejemplo alguno de estos: http://www.cssmenumaker.com/horizontal_css_menu.php

    gracias de nuevo :)

    ResponderEliminar
  175. Sí es posible pero es un poco elaborado, de forma resumida te diría que el contenido del archivo .css va antes de ]]></b:skin> luego subes las imágenes a un servidor y colocas las URL de las imágenes en la parte que indica en el mismo archivo .css
    Por último abre el archivo HTML, ve el código fuente de la página y ahí copia el código del menú y lo pegas en un elemento HTML/Javascript.

    Saludos.

    ResponderEliminar
  176. jeee a ver si entiendo (se agradece la paciencia :p)

    El archivo que descargue tiene 3 elementos:

    -Images
    -Index
    -menu_style.css

    Imagino que el "contenido del archivo .css" es el menu_style.css

    Dentro del archivo "Images" tengo 2 imagenes GIF y un Thumbs.db

    No se a que te referis con subir las imagenes a un servidor, como puedo hacer eso? el resto creo que puedo solucionarlo.

    Gracias x tu tiempo, abrazo!

    ResponderEliminar
  177. Subir las imágenes significa ponerla en la red para que puedan estar disponibles a través de una URL.
    Puedes subirlas a Imageshack, TinyPic, Google Sites, etc.

    ResponderEliminar
  178. Grax men recibi tu respuesta tuve que cambiar la plantilla :S pero lo consegui gracias por las flchas y todo pero una pregunta como haces pa cambiarle el nombre a los links es decir que esta pagina http://www.google.co.ve en vez de decir eso diga Haz click aqui espero tu respuesta


    Saludos

    ResponderEliminar
  179. Cuando escribes la entrada verás que hay un ícono de un mundo con un enlace, selecciona la palabra que quieres que tenga el enlace y haz click en ese ícono. Ahí escribe la URL que quieres que abra.

    ResponderEliminar
  180. Grax Me sirvio de mucho.. pero otra pregunta.. xd

    No se puede poner algo para hacer que la parte en donde estan los Gadgetsy todo eso sea mas grande ??

    Espero tu respuestas gracias..

    Saludos.

    ResponderEliminar
  181. :O .. Por fin puse las pestañas.. pero aparecen demasiado abajo como hago par ponerlas mas arriba ?

    Lamento las molestias pero creo solo tu me puedes ayudar..



    Saludos.

    ResponderEliminar
  182. Pues es que la cabecera que tienes es muy alta por eso queda muy abajo el menú.

    ResponderEliminar
  183. Grax Pero aun no me respondes la primera pregunta ... :S






    Saludos.

    ResponderEliminar
  184. Necesitas cambiar el ancho de la sidebar, para hacerlo tienes que modificar donde dice:
    #sidebar-wrapper {
    width:200px;

    ó
    #sidebar {
    width:200px;

    Ahí le pones otro ancho, por ejemplo 300px;
    Luego tienes que agrandar también el outer-wrapper:
    #outer-wrapper {
    width:1002px;

    Ahí igual lo haces más grande, por ejemplo, si a la sidebar le agregaste 100px más entonces suma esos 100px a lo que tiene el outer-wrapper

    ResponderEliminar
  185. Hola potro.. muy bueno la barra de herramienta... pero que pasa si quisiera poner 2 lineas de botones como tienes tu... osea que si quiero poner muchos botones pero ya se ma acaba el espacio de una linea.. y quisiera poner otra dejabo de la primera... ? asi como vos tiene 2 lineas de botones

    ResponderEliminar
  186. Sólo sigues agregando más pestañas de forma normal y automáticamente deberán aparecer abajo las que ya no quepan en la primera fila.

    ResponderEliminar
  187. Hola amigo otra duda ... xd

    Sabes una forma de hacer que donde dice entradas antiguas cambiar ese nombre a otra cosa ... y lo mismo con donde dejas tu comentarios...

    ResponderEliminar
  188. pues tio gracias me ayudo mucho... y disculpa que te moleste otra ves.. pero sabes como ponerlo que este arriba de todo.. osea arriba del logo... en concluison arriba de todo el blog pero que no me tape el logo osea que este arriba de el? .... Gracias hermano y bendiciones :D

    ResponderEliminar
  189. lHumanizado, mira esta entrada y esta otra.

    Expedientes 13, quizá poniendo el último código debajo de <body>

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

    ResponderEliminar
  191. Muchas racias Men me sirvio..

    Por cierto sabes como crear una galeria de fotos en el blog ??? Grax..



    Saludos

    ResponderEliminar
  192. Oye seria mucho pedir q pusieras toda la plantilla como debe quedar es q por mas q busco las cosas q pones no las encuentro T.T porfas

    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