Menú desplegable con efecto deslizante

20 de septiembre de 2010 332 comentarios ,
menu sidebar
Este es un menú vertical desplegable que funciona a base de las librerías de Scriptaculous y Prototype que harán que se mantenga oculto en un extremo de la ventana y que se despliegue una vez que demos click en él. Este menú es muy conveniente para quienes les gusta ahorrar espacio y mantener el aspecto del blog muy prolijo. Además, el efecto deslizante que tiene le da muy buen gusto.
Puedes ver un ejemplo funcionando en este blog de pruebas.

Para colocarlo en tu blog sólo sigue estos tres pasos, primero entra en Diseño | Edición de HTML y pega antes de ]]></b:skin> lo siguiente:
#sideBar{
text-align:left;
}

#sideBar h3{
margin:10px 10px 10px 10px;
color:#FFFFFF;
font-size:110%;
font-family:arial;
font-weight:bold !important;
}

#sideBar h3 span{
font-size:125%;
font-weight:normal !important;
}

#sideBar ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#sideBar li{
margin:0px 10px 3px 10px;
padding:2px;
list-style-type:none;
display:block;
background-color:#DA1074; /* Color de fondo de las pestañas */
width:177px;
color:#FFFFFF; /* Color del texto de las pestañas */
}

#sideBar li a{
width:100%;
}

#sideBar li a:link,
#sideBar li a:visited{
color:#FFFFFF;
font-family:verdana;
font-size:100%;
text-decoration:none;
display:block;
margin:0px 0px 0px 0px;
padding:0px;
width:100%;
}

#sideBar li a:hover{
color:#FFFFFF; /* Color del texto al pasar el cursor */
text-decoration:underline; /* Subrayado en el link al pasar el cursor */
}

#sideBar{
position: fixed;
width: auto;
height: auto;
top: 140px;
right:0px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgQjWiFy4Tb6yAA48bvWQ3upZjU1JxR_w6BS50Sra1cjA8mWBBdNePxl6P1B2heRWQnXmjMTuXuupcMOaIvVOkmLHlkPoNcIFbxhyphenhyphenY6dolYh4k6sLY8cRxRDutXm4Cbl83CQr7nqnBr_2M/s1600/background.png);
background-position:top left;
background-repeat:repeat-y;
}

#sideBarTab{
float:left;
height:137px;
width:28px;
}

#sideBarTab img{
border:0;
}

#sideBarContents{
float:left;
overflow:hidden !important;
width:200px;
height:320px; /* Alto del menú */
}

#sideBarContentsInner{
width:200px;
}

Luego antes de </head> pega esto:
<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'></script>
<script>
google.load("prototype","1.7.0.0");
google.load("scriptaculous", "1.9.0");
</script>
<!-- Prototype y Scriptaculous-->

<script type='text/javascript'>
var isExtended = 0;
function slideSideBar(){
new Effect.toggle(&#39;sideBarContents&#39;, &#39;blind&#39;, {scaleX: &#39;true&#39;, scaleY: &#39;true;&#39;, scaleContent: false});
if(isExtended==0){
new Effect.Fade(&#39;sideBarContents&#39;,
{ duration:1.0, from:0.0, to:1.0 });
isExtended++;
}
else{
new Effect.Fade(&#39;sideBarContents&#39;,
{ duration:1.0, from:1.0, to:0.0 });
isExtended=0;
}}
function init(){
Event.observe(&#39;sideBarTab&#39;, &#39;click&#39;, slideSideBar, true);
}
Event.observe(window, &#39;load&#39;, init, true);
</script>

Por último antes de </body> pega este código:
<div id='sideBar'>
<a href='javascript:void(0)' id='sideBarTab'><img alt='sideBar' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_IbqQsIyY348kgW8GqFaTCd2KAuSOC4HVbHtacXF-KgrBtXomacbKhdw-OpT-IO2qA3ov5aZQFVav1gp_5kYmCPC8XfcrJQ0vvxS1SO75fNi1NZ-CSH5t6LllcdKsTbTx09sGiCmN4ZU/s1600/slide-button.gif' title='sideBar'/></a>
<div id='sideBarContents' style='display:none;'>
<div id='sideBarContentsInner'>
<h3><span>Contenido</span></h3>
<ul>
<li><a href='URL del enlace'>Pestaña 1</a></li>
<li><a href='URL del enlace'>Pestaña 2</a></li>
<li><a href='URL del enlace'>Pestaña 3</a></li>
<li><a href='URL del enlace'>Pestaña 4</a></li>
<li><a href='URL del enlace'>Pestaña 5</a></li>
<li><a href='URL del enlace'>Pestaña 6</a></li>
</ul>
</div>
</div>
</div>

Cambia la URL del enlace donde se indica así como el título de la pestaña y ya estará funcionando.

En el primer código hay unas anotaciones en color verde que se pueden personalizar tales como el color del texto, tamaño, etc.
Luego, tanto el fondo del menú como el botón que dice 'menú' son dos imágenes, por lo tanto, si se desea cambiar de color deberán editarse estas imágenes. Esas imágenes están en el primer y último código, las he puesto en color azul para que las identifiques, la primera corresponde al color de fondo y la segunda al botón del menú.

Sin duda es un menú al que se le puede sacar mucho provecho, ya sea para agregar contenido del blog, redes sociales, o cualquier otro tipo de enlaces que se deseen tener de manera que no ocupen mucho espacio en el blog.

Por último recuerda que el menú usa Scriptaculous y Prototype por lo tanto, si usas Mootools o jQuery seguramente no podrás utilizarlo.


332 comentarios en:

" Menú desplegable con efecto deslizante "

  1. ¡Perfecto Potro! Necesitaba un Menu Asi :D
    Buen Tutorial!

    ResponderEliminar
  2. Se ve muy bien, gracias.
    Que bien que estes desquitando todos tus vacaciones :P

    ResponderEliminar
  3. Hola Potro, tengo el blog. http://perladelpapaloapan.blogspot.com en donde he aplicado algunos de tus aportes. Solo que hoy el pueblo que describo en mi blog está en la desgracia. Solo pido difundas la petición de apoyo a tus seguidores. Gracias
    http://www.facebook.com/profile.php?id=100000804092952

    ResponderEliminar
  4. Uff, nunca nada funciona con JQuery :S

    Genial el menú, es un buen dato, excelente ;)

    ResponderEliminar
  5. Alejoblogger, sí que eres rápido ;)

    Dankey, ahhh ya quiero tomarme otras, jaja.

    Manolo, seguro muchos verás tu mensaje, de cualquier forma habemos muchos mexicanos que ya estamos apoyando a quienes se han visto afectados por estas inundaciones. Mucha suerte!

    Joaco, lo sé, aunque jQuery tiene bastante variedad de efectos así que se compensa.

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

    ResponderEliminar
  7. Gracias muy interesante potro ya lo e colocado al blog y salio perfecto, si quieres dale un vistazo un saludo.

    ResponderEliminar
  8. Potro, una pregunta, sabes porque no me anda la páginación en Blogger, habia puesto imagenes en el siguiente, anterior y la casita...
    Saludos!

    ResponderEliminar
  9. Potro, me acabo de fijar y no tengo la paginacion, como la agrego, o en donde tambien?
    Saludos
    PD: la pagina es www.jugandoporvelez.blogspot.com

    ResponderEliminar
  10. Muy buen tutorial estaba interesado en uno de estos tipo quizas lo utilize cuando decidad remodelar un blog que tengo de un pana jeje saludos!

    ResponderEliminar
  11. Es interesante. Lo debería probar en algun momento.
    Particularmente ganaría espacio ya que mi sitio, tiene el fondo fijo.
    Un saludo.

    ResponderEliminar
  12. AMIGO DEL POTRO .. MIRA KIERO ACER UN MENU CON INFORMACION DE AVES ... TODO LO ICE EXACTAMENTE PERO M SALE UN ERROR E ESTADO AVERIGUANDO Q COSA ES EL ERROR Y EL ERROR ES CUANDO PONGO LAS URL'S .. X FAVOR AYUDAME MIRA ESTO : http://dl.dropbox.com/u/11688296/ERROR.txt Y DIME SI HAY ALGUN PROBLEMA ... X CIERTO . . .LO SUBI A LA WEB USANDO DROPBOX GRACIAS A TI LO CONOCI ^^ X FAVOR MIRA CUAL ES EL ERROR .. T LO AGRADECERIA DE MIL MANERAS

    ResponderEliminar
  13. samantha, no lo pude ver en ninguno de tus blogs :(

    yonathan, claro, nunca está demás tenerlo guardado por si un día lo ocupas ;)

    Adrián J. Messina, si es por espacio seguro te será de utilidad.

    Carlos Guarda, necesitaría saber cuál es el error que te marca, aunque a simple vista podría casi asegurarte que es por el tercer link, quizá en el error te pida poner un punto y coma después de cada signo de igual, si lo hace entonces ponlo.

    ResponderEliminar
  14. Busca en tu plantilla esta parte y elimina lo que está en negrita, luego, agrega lo que está en cursiva:

    #blog-pager-newer-link {
    float: left;
    display: none;
    }
    #blog-pager-older-link {
    float: right;
    display: none;
    }
    #blog-pager {
    text-align: center;
    display: none;
    clear: both;
    }

    ResponderEliminar
  15. Q raro .... no encuentro lo k m dices q buske :/ . Esto Es Lo que me sale cuando pongo las urls : No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The reference to entity "view" must end with the ';' delimiter.

    ResponderEliminar
  16. Potro, porque no me respondiste :S
    Potro, una pregunta, sabes porque no me anda la páginación en Blogger, habia puesto imagenes en el siguiente, anterior y la casita...
    me acabo de fijar y no tengo la paginacion, como la agrego, o en donde tambien?
    Saludos
    PD: la pagina es www.jugandoporvelez.blogspot.com

    ResponderEliminar
  17. Carlos Guarda, a eso me refería que debes ponerle un punto y coma donde lo indica, prueba poner esa URL de este modo:
    http://www.darwinnet.org/index.php?option=com_content&view;=article&id;=839:urraca-coliblanca-&catid;=60

    MamaNunes, a ti por tu visita :)

    Coloush +16, jaja, sí te respondí sólo que olvidé poner tu nick, la respuesta está en el comentario #19

    ResponderEliminar
  18. Jaja, no me habia dado cuenta...
    Potro! Muchas Gracias me salio.
    Pero ahora tuve otro error con otra cosa, fijate en www.jugandoporvelez.blogspot.com que las dos columnas del sidebar chiquitas, que tienen que ir abajo del sidebar se ponen abajo de las entradas...
    Saludos!
    PD: que manera de responder preguntas vos eh...

    ResponderEliminar
  19. en serio? que raro te dejo la pagina por si al caso http://crepusculo-latina.blogspot.com/ mira a tu izquierda arriba.


    bye

    ResponderEliminar
  20. Coloush +16, es un error de la plantilla, a mí igual me pasaba pero ya no recuerdo cómo lo arreglé :\

    samantha, tienes razón, creo que como no había comido ni cuenta me di, pero sí que te ha quedado muy lindo :)

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

    ResponderEliminar
  22. Hola,
    Excelente tutorial.como siempre.
    Y como siempre siempre me dirijo a ti con algo que no tiene nana que ver con el tema de la entrada.
    Desde ayer por la tarde tengo un serio problema con un de mis blogs.Sin haber tocada para nada la plantilla me sale con el sidebar de la derecha metido en el main-wrapper...Copie la plantilla y la puse en un blog de prueba,y en el blog de prueba si que sale como debería.No entiendo que pasa.¿El fallo será de Blogger?
    Dejo la dirección del blog con el cual tengo el problema,y el de del de prueba para que veas como debería aparecer normalmente.
    Un saludo.
    http://www.fotobazar17.com/
    http://blogpru3bas4.blogspot.com/

    ResponderEliminar
  23. Hola de nuevo.Perdón por haberte molestado antes para nada.A publicar algo en mi blog parece que todo a vuelto por si solo a la normalidad.
    Te deseo un excelente día.

    ResponderEliminar
  24. Efectivamente todo se ve con normalidad ;)
    Igualmente, ¡excelente día!

    ResponderEliminar
  25. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  26. Hola potro estuve leyendo el post de titulos expandidos pero lo quise hacer en mi blog y no entiendo como sabes que tu aki en ciudadblogger cuando por ejemplo le doy click a la pestaña de herramientas salen todas las entradas de ese post de herramientas noc como hacer eso como isite todas esas entradas en esa parte no se como te pido que me ayudes

    ResponderEliminar
  27. Ok Potro, si te acordas alguna vez avisame...
    Otra consulta, viste la fecha de arriba? para que salga en español como lo hago...
    Yo intente poniendo igual de como esta aca entre el top navbar left y otra cosa, poniendo ese script pero no me funciono...
    Saludos!

    ResponderEliminar
  28. Potro, comente en el post de fechas diarias...
    Saludos!

    ResponderEliminar
  29. Pootrooo mi amigo ... no paso nada cambiandole la url .. m salio el mismo error -.-' .. otra cosa para acer ? Porfa

    ResponderEliminar
  30. tamre... ya arregle todo y m slaio bn .. pero ahora el menu no c desliza .. le ago lcick y no pasa nada :/ mira mi blog pa q veas avespiura.blogspot.com

    ResponderEliminar
  31. Hola potro ya arregle el problema que te dije anteriormente ahora lo que necestio saber es como hacer un logo para mi blog me puedes decir con que programa Hiciste el tuyo xq kiero hacer uno y mi blog se trata de juegos,bandas,musica,chistes etc kiero hacer uno pero noc como

    ResponderEliminar
  32. Hola Potro, hoy vengo a decirte que sos un GENIO!
    Redecoré todo mi blog a nuevo gracias a tus indicaciones y sugerencias, todas clarísimas y sin problemas.
    Como muestra de agradecimiento puse un botón de C.B. en mi blog

    http://mitecladoyyo-lils.blogspot.com/

    De verdad muchas pero muchas graciaaaaaaaas

    ResponderEliminar
  33. Potro perdona que moleste tanto te e kerido pasar mensajes por el formulario pero esta no disponible tambn kiero saber si puedes conseguir un efecto como lo de la araña o la sangre en el blog pero en vez de araña o sangre me pregunto si pudieras conseguir uno de papelillos

    ResponderEliminar
  34. Alex, gracias por no hacer SPAM.

    DexMax, pues yo lo hice en Photoshop, me parece que hay sitios online que permiten hacer logos menos profesionales pero te pueden servir, busca en Google y encontrarás información al respecto. Sobre lo otro sería que busques por la red imágenes en formato GIF que sean de tu agrado.

    Coloush +16, gracias por pasar la pregunta donde corresponde, en un rato más la leo ;)

    Carlos Guarda, como dice en la entrada "Por último recuerda que el menú usa Scriptaculous y Prototype por lo tanto, si usas Mootools o jQuery seguramente no podrás utilizarlo."

    Lils, mil gracias por el enlace, te ha quedado muy pulcro el nuevo diseño, me ha gustado :)

    ResponderEliminar
  35. Hola Potro, Disculpa una gran pregunta, en mi blog inserte el buscado de Google para una mejor busqueda y reemplaze el de la pagina, Pero los resultados me aparecen alli incrustados y no en otra ventana como el tuyo, puedes ayudarme??..

    ResponderEliminar
  36. Como se .. si uso alguno de esos? ... deja la rpta. x favor si tienes msn o algo para ponernos en contacto mas rapido damelo x favor .. y gracias ptro x ser tan paciente conmigo =D

    ResponderEliminar
  37. Potro, ahora me respondes? por aca? o por alla?
    Saludos!

    ResponderEliminar
  38. Hola potro tengo photoshop en mi computadora pero la verdad es que nose mucho como usarlo y e buscado mucho en google y no e encontrado nada

    ResponderEliminar
  39. Potro, te tengo otra consulta...
    Viste como tiene www.lagrandt.com.ar para poner tres gadgets en uno, osea como un link asi: Tabla de Posiciones/ Tabla Acumulada/ Promocion.
    Al hacer click en alguno de los tres se pone el que se eligio, y se va cambiando...
    Saludos!

    ResponderEliminar
  40. KatoGd, edita el buscador y en Diseño selecciona la opción 'Página alojada en Google: los resultados se alojan en Google.'

    Carlos Guarda, pues busca en tu plantilla si tienes la palabra jQuery o Mootools, en tu caso usas jQuery con el menú estilo dock.

    DexMax, pues no veo más opciones a menos que le pagues a un diseñador, pero insisto, buscando en la red encontrarás algunas opciones.

    Coloush +16, no sé a qué te refieres :\

    ResponderEliminar
  41. Potro, viste lo que te dije de gadgets chiquitos en www.jugandoporvelez.blogspot.com q me dijiste q no te acordabas, necesito porfavor una solucion a eso, que me esta prohibiendo muchas cosas...
    Ojala que tengas algun post que explique o algo..
    Gracias por todo lo que ayudas potro, y la paciencia que tienes!
    Saludos!

    ResponderEliminar
  42. Hola Potro Gracias por la ayuda busque de otra forma en google y alfin consegui un pagina web que ayuda a crear logos y logre crear uno que me gusto mucho gracias por todo y me encana tu blog ^^

    ResponderEliminar
  43. Coloush +16, recuérdame qué gadgets chiquitos porque mi memoria anda pésima últimamente.

    DexMax, vale, qué bueno que ya has encontrado uno, ojalá te quede bien el logo :)

    ResponderEliminar
  44. Potro enhorabuena por este blog que ayuda a nuestros blogs,me ha funcionado de maravilla los separadores,de hecho ya lo tengo en mi blog,yo creía que al instalar estos separadores la imagen principal de mi primera pestaña se iba a quedar fija,que es lo que pretendo cuando meto una entrada,que se quede fija y que las demás entrada se vayan sucediendo hacia abajo.
    Sabes que cada vez que metes una entrada se coloca arriba,¿que podría hacer para que esto no ocurra??????
    que al meter una entrada se quede la presentación?????
    si quieres echarle un vistazo http://www.eltiotony.com/
    Te agradecería mucho si hay alguna forma de hacer esto,ya que me trae de cabeza,soy novato en HTML.
    Un abrazo Potro y felicidades por tu Blog.

    ResponderEliminar
  45. Potro, primero que nada..GRAN BLOG GRAN, con todas las letras...

    2do, tengo 2 problemas que en si no van aca pero no se donde plantearlas..
    1ro: quiero hacer un menu en la parte superior del blog con imagenes ya armadas ( el texto esta en la imagen ) pero al querer colocar varias imagenes horizontalmente no me deja, solo puedo una, no se como solucionarlo.
    2do: hay forma de sacar el historial del blog de donde se encuentra y al crear una pagina poner el historial ahi ? ( desde editar paginas crear una nueva y ahi poner el codigo html del historial )

    desde ya..gracias

    ResponderEliminar
  46. Gracias Potro!! Pero, Jaja ya habia olvidado porque no lo quize colocar por que no me daba un estilo atractivo, pero ya lo instale... :)

    ResponderEliminar
  47. eltiotony, claro que hay forma de hacerlo, sólo es editar la fecha de la entrada, aquí se explica cómo hacerlo.

    caracido, sólo coloca los códigos de las imágenes uno tras otro sin dar salto de línea. Lo del historial no me queda muy claro, si me das un ejemplo te lo agradecería.

    KatoGd, jajaja, vale, pues igual como los tenías se ven bien, ya es cuestión de gustos.

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

    ResponderEliminar
  49. Si potro! Jajaja XD, Y tu la marca de agua de Google, en tu buscador la tienes dentro de el, yo intente hacerlo pero nada no pude :/

    ResponderEliminar
  50. Potro, mira lo que digo de gadgets chiquitos entra ahora a www.porvelez.com.ar y fijate que los gadgets no aparecen en la columna del sidebar, aparecen abajo en la columna de las entradas... me dijiste que era un error de la plantilla y no te acordabas como se solucionaba...
    Te decia de que porfa si tenes la solucion para esto :S
    Saludos!

    ResponderEliminar
  51. KatoGd. El buscador que tiene El Potro es personalizado, por eso aparece esa marca de agua. Si tienes Adsense puedes configurarlo desde ahí, como es este caso, pero sino,sigue los consejos de este enlace.
    http://www.google.es/cse/
    Un saludo.

    ResponderEliminar
  52. KatoGd, exactamente como menciona Blincacequias, yo lo hice desde Adsense y salió la marca de agua automáticamente.

    ResponderEliminar
  53. Coloush +16, no son gadgets, es una sidebar dividida, por eso no recordaba :P

    Sin expandir artilugios busca donde dice <div id='sidebar-wrapper'>

    Debajo verás las líneas de los gadgets que tienes y después un:
    </div>

    Elimina ese </div> y busca un poco más abajo esta línea:
    <div id='midsidebar-wrapper'>

    Ahí verás debajo más líneas de gadgets, al final encontrarás otro </div> pega junto a él otro </div> igual y dale Vista Previa, si se ve bien es que lo has hecho correctamente, sino prueba de nuevo.

    ResponderEliminar
  54. Potro, decime como te lo puedo agradecer!!!
    Muchas Gracias!
    La verdad te pasas, seguro que te dijieron que si cobrarias por esto serias millonario.
    Saludos!

    ResponderEliminar
  55. Jajaja no Potro, Aun no tengo planificado ganar dinero... Necesito una gran acesoria con esoo...

    Y ahora estoy mas preocupado por otras cosas como el Gran Daño que acaba de hacer Tinypic a un monton de Paginas y entre esas esta la mia.. Aunque con menor daño..

    JAJAJA XD

    ResponderEliminar
  56. Como que daño!
    yo estoy cambiando todas las imagenes de tinypic q tenia a imageshack y dropbox q tinypic no anda,,, pero hace daño esto?
    Saludos

    ResponderEliminar
  57. KatoGd, Coloush +16, mañana publico una entrada para darle solución al problema de TinyPic, también a mí me ha afectado pero ya lo he ido corrigiendo poco a poco.

    ResponderEliminar
  58. Si potro, Creo que Tinypic soluciono el problema...
    Pero de todas maneras es bueno confiar todo en otro servidor ya sea Picasa, etc...

    Ahora potro, Necesito tu ayuda deseo colocar una imagen con efecto transparente?.. :)

    ResponderEliminar
  59. Eso parece de cualquier modo ya está ahí la entrada por si ocurre de nuevo.
    Lo del efecto transparente no sé bien a qué te refieres, necesitaría un ejemplo.

    ResponderEliminar
  60. Pues claro ejemplo el de el 'Balcon de Jaime' aqui te dejo el link de la imagen para que veas que trato de decir:

    http://tinyurl.com/2flttyx

    ResponderEliminar
  61. como bajo un poquito el menu mira mi web http://bestiagames.blogspot.com/

    ResponderEliminar
  62. Busca donde dice:

    #sideBar{
    position: absolute;
    width: auto;
    height: auto;
    top: 140px;

    Y cambia eso que está en negrita por un número más alto, por ejemplo 200px

    ResponderEliminar
  63. Hola Potro!! Mil Gracias por tu ayuda...

    No se si recuerda de una entrada que hicisites de ventanas modales; Shadowbox...

    Bueno, Descargue el script lo cargue a Dropbox (Public) e hize todo bien. Ahora intento colocar un video en ventana modal en una entrada y no funciona... :S

    ResponderEliminar
  64. Ahí en esa entrada está el código de ejemplo, verifica que sea igual al que estás poniendo. Si sigue sin funcionar deja en esa entrada un comentario con la URL de la entrada donde lo estés poniendo para revisar el código.

    ResponderEliminar
  65. Si claro todo y nada, salio una sola vez pero ya no reacciono mas el plugin, ayudame!.. :D

    http://tinyurl.com/36sxfnm

    ResponderEliminar
  66. Como te dije, mira el código de ejemplo de la entrada y cómparalo con el que tienes, ahí notarás dónde está el error.
    De hecho, en los últimos comentarios de esa entrada alguien tuvo el mismo problema que tú y doy un ejemplo comparativo.

    ResponderEliminar
  67. Potro, Revise todo y esta correctamente, el escript todo!..

    Y hize una entrada nueva probe con tu ejemplo del video, y me sale este error al hacer la entrada:

    CCwVb9Faxdc&rel=0&autoplay=1">YouTube

    ResponderEliminar
  68. claro, lo que queria saber es lo siguiente: me molesta tener el "Archivo del blog" en la pagina principal de entradas, queria crear una nueva pagina ( una de esas 10 que te deja crear facebook) y ahí ponerlo, luego poner un link en la "portada" del blog al archivo...

    en si lo que quiero es el codigo del "Archivo de blog" para moverlo de lugar....

    ResponderEliminar
  69. KatoGd, no me refería al código del script sino al que va en a entrada, ese es el que debes comparar. Deja el comentario en esa entrada si continuas con problemas.

    caracido, no puedes poner el gadget de archivos del blog dentro de una entrada, pero puedes poner un sitemap como este o este.

    ResponderEliminar
  70. lo que quiero es borrar el gadget de archivos del blog del costado lateral y ponerlo en otro lugar ( en este caso ponerlo en otra pagina del blog)

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

    ResponderEliminar
  72. Hola potro, quisiera saber si se puede poner para que en vez de fijo se deslize a bajar la pagina ( Tipo Scroll ).
    Muchas gracias por todo tu trabajo.
    Un saludo

    ResponderEliminar
  73. muchisimas gracias potro, me funciono de 10 lo del archivo del blog, es impresionante la dedicacion que le pones.

    ResponderEliminar
  74. Hola PC,

    Claro, para que el menú quede de forma flotante sólo busca esta parte:

    #sideBar{
    position: absolute;

    Cambia ese absolute por fixed
    Saludos.

    ResponderEliminar
  75. caracido, qué gusto que quedó de tu agrado :)

    ResponderEliminar
  76. AAWWWWWWWWWWWWW GENIAL ESTE MENO NO NECESITA HOSTIN EL Q TENGO ES BIEN COMPLICADO LO VOY A CAMBIAR MUAHAHAHAH

    ResponderEliminar
  77. a una cosa, hay forma de sacar lo que dice para poner un comentario y poner una imagen? ( se que hay para poner LUEGO de hacer el click poner comentario) lo q quiero es que aparezca desde el principio en la entrada, es decir y abajo la imagen para q pongan comentario

    ResponderEliminar
  78. ♥♥♥♥KPL♥♥♥♥, está mejor ¿no? :)

    caracido, expande artilugios, busca esta etiqueta y en su lugar pon el código de la imagen:
    <data:top.commentLabelPlural/>

    ResponderEliminar
  79. genio genio genio! tenia una cosa mas para pedirte pero ya seria una tortura jajajajja

    muchas gracias potro!

    ResponderEliminar
  80. Muchisimas gracias Potro, Probaremos aunque se de antemano que funcionara eres un fenomeno.

    Un saludo

    ResponderEliminar
  81. Hola sigo mucho tu blog y cojo algunas cosas para el mio, gracias.

    pirata63

    ResponderEliminar
  82. caracido, jajaja, bueno, puedes probar antes y hacer experimentos tú solo, si no lo consigues entonces por aquí estaré.

    PC, gracias por la confianza ;)

    pirata63.luis, qué gusto que te esté siendo útil la información de este sitio :)

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

    ResponderEliminar
  84. Potro me he tomao una confianza, date una vuelta por aqui a ver que te parece. http://www.elrincondepc.com/2010/07/chat-y-paginas-amigas.html

    Un abrazo

    ResponderEliminar
  85. Hola Potro, gracias por tus (siempre) útiles tips.
    Noto en tu blog de pruebas y en mi prueba propia, que antes de desplegar y al cerrar, aparece una especie de "fantasma" del menú, hay manera de solucionarlo?

    Gracias de antemano!

    ResponderEliminar
  86. De hecho parece que es un problema del navegador. Igual cuando lo probé noté ese "fantasma" pero sólo aparece en Chrome pues en Firefox e IE se ve normal.

    ResponderEliminar
  87. hola Potro!!Gracias a tu blog he podio personalizar el mío un montón. Una pregunta, se puede hacer que este menu desplegable esté en otro lugar de la página?????muchas gracias

    ResponderEliminar
  88. Claro, mira en esta parte:

    #sideBar{
    position: fixed;
    width: auto;
    height: auto;
    top: 140px;
    right:0px;

    donde dice top es la posición desde arriba, si le pones un valor pequeño estará más arriba, o más grande y estará más abajo.
    En donde dice right puedes cambiarlo por left y estará del otro lado, sólo que el resultado no será el mismo.

    ResponderEliminar
  89. Hola soy Clara,tengo 11 años y dos blogs el de mi grupo es:http://podemosconsexto.blogspot.com y el mío es http://claragalindomoreno.blogspot.com

    ResponderEliminar
  90. Muchas gracias, Potro, efectivamente estoy utilizando Chrome, será por eso. Sauldos!

    ResponderEliminar
  91. hola, mira no se como se llama esto... bueno me podrias decir como se hace para poner una imagen en la casilla donde estan los gadgets... por si no me entiendes mira este blog:
    http://uchihamangekyu.com

    Yo digo la imagen donde dice el nombre del gadget.

    Ejemplo:
    donde dice Opening Semanal sale una imagen.

    ResponderEliminar
  92. Sólo entra en Diseño > Elementos de la página > Añadir gadget > HTML/Javascript y ahí pega esto:

    <a href="URL del enlace"><img src="URL de la imagen" /></a>

    Cambia la URL del enlace así como la URL de la imagen donde se indica.
    Si lo deseas puedes poner algún texto antes de ese código.

    ResponderEliminar
  93. hola potro, futuramente lo usare en mi blog, gracias maestro!!! :D

    ResponderEliminar
  94. estoy tratando de hacerlo pero no entiendo, porqe en la edicion de HTML no hay nada escrito y en tu tutorial dice despues de "..." poner esto y antes de "..." poner lo otro, pero no entiendo si no dice nada :S osea me poner como seria todo de una asi me guio? un ejemplo pliiiz

    ResponderEliminar
  95. Recuerda que tienes que ir a Diseño > Edición de HTML y ahí buscar lo que se indica para poder pegar los códigos.

    ResponderEliminar
  96. Pues ha crecido gracias a ustedes que son por quienes me desvelo una que otra noche :P
    Pues se ve muy bien el menú, al menos a simple vista parece que sí se puede poner en Blogger, pero no quiero adelantarme sin antes probarlo, así que apenas tenga un rato libre le doy una revisada con más calma y hago las pruebas necesarias, y bueno, si queda pues lo publico en las próximas entradas.

    ¡Saludos!

    ResponderEliminar
  97. Hola potro: He puesto el menú deslizante en mi bitácola y es fantástico, mi pregunta es ¿Podria colocar el mismo menú por segunda vez para otros enlaces? ¿Que debería hacer? Lo he intentado pero no me funciona

    GRACIAS POTRO.

    www.aladins.eu

    ResponderEliminar
  98. hola potro podrias hacer un post sobre como colocar un icono al lado de la url enves de ese icono de blogger

    ResponderEliminar
  99. ESQUADRA ALADINS, es un poco complicado, tendrías que pegar otro código igual y cambiarle el nombre a casi todo, por ejemplo, buscar todo lo que diga sideBarTab, sideBarContents, sideBarContentsInner y cambiarlo por sideBarTab2, sideBarContents2, sideBarContentsInner2 y luego cambiar donde dice top: 140px por top: 340px

    Travian Crack, nop, aun tengo muchos pendientes :\

    Joseph Leon, ya tengo uno, mira esta entrada.

    ResponderEliminar
  100. Te hago una pregunta. porque queda el menubar en el lado izquierdo de mi blog? mira mi blog de pruebas:

    http://ganedineroconsoloclicks.blogspot.com/

    lo otro: hay unos ovalos que salen en los menus, puedo sacarlos de alguna forma?

    GRACIAS! excelente aporte y muy bueno el blog
    pasa por el mio (que esta en construcción)

    http://www.vistazodesign.blogspot.com/

    (en ese va a ir el menu)

    ResponderEliminar
  101. Muchas gracias por tu comentario Galizer.
    He entrado al primer enlace que mencionas y veo el menú del lado derecho como debería estar.
    Para eliminar esos ovalos busca en tu plantilla esta línea y elimínala:

    background: url(http://www.blogblog.com/tictac/tictac_orange.gif) no-repeat left 6px;

    ResponderEliminar
  102. Gracias de nuevo Potro el segundo menú funciona a la perfección

    ResponderEliminar
  103. Travian Crack, pues nada, el menú sí funciona pero los estilos son bastante complejos, queda muy desordenado y es complicado hacer que se vea bien en todas las plantillas :\

    ResponderEliminar
  104. Hola Potro, un saludo cordial desde Valencia, (España). Mi pregunta es que implementé el munú en un blog de pruebas y, efectivamente me sale a la derecha (tengo dos sidebar). Sin embargo, me gustaría que saliese en el sidebar izquierdo. ¿Es posible?
    Gracias por anticipado y un abrazo

    ResponderEliminar
  105. Estimado Potro, felicitaciones por tu increible pagina y la contribucion incalculable que nos haces a todos nosotros. Se ke tendras muchas preguntas por contestar pero espero solucionar mi problema! Este menu ke me parece increible lo kiero adaptar al blog del negocio de mi mama ke le estoy diseñando pero este menu me sale en la parte inferior abajo de toda la plantilla, como puedo remediar esta situacion. Mi pagina es http://rosagrafescuela.blogspot.com/ . Espero una oportuna respuesta y muchisimas gracias por tu gestion!!!

    ResponderEliminar
  106. Hola Johan,

    En el comentario #96 están las indicaciones para cambiarlo de posición.
    Saludos hasta Valencia.

    ResponderEliminar
  107. Hola Pepe Lynch,

    Me parece que es porque el primer código lo pusiste "encimado" de otro código (el rotador de banners). Prueba poner debajo de:
    #rotator img {
    border: 0;
    width: 770px;
    height: 170px;

    El cierre de la llave, es decir, esto }

    ResponderEliminar
  108. Wow Bro, si que esta de lujo!! me encanta como se ve el que esta en el blog de pruebas. Ocupa muy poco espacio y ese efecto que tiene queda fabuloso .. me encantó!!

    un abrazo!!!

    ResponderEliminar
  109. Igual a mí, hasta me dieron ganas de abrir un nuevo blog sólo para poder usarlo, jaja.

    Un abrazo.

    ResponderEliminar
  110. Muchas gracias Potro desde Valencia. Ya he implementado el menú en mi blog cuarentaentrece.blogspot.com, pero la duda es por qué no deja desplegar más de 12 líneas o etiquetas.Tengo alrededor de 20 que deseo eliminar del sidebar y ahora me ha quedado la duda. Gracias de nuevo.

    ResponderEliminar
  111. Sólo busca esta parte del código:

    #sideBarTab{
    float:left;
    height:137px;

    Y cambia ese 137px por otro valor más alto para que de este modo se alargue el menú y puedas incluir más pestañas.

    Saludos hasta Valencia!

    ResponderEliminar
  112. Estimado Potro, gracias totales. El ke sabe, sabe!

    ResponderEliminar
  113. hermano potro
    una consulta como hago para poner este menu pero que no me salga a la derecha si no a la isquierda crees que se pueda.?

    ResponderEliminar
  114. Sí se puede aunque del lado izquierdo no se ve igual de bien. Mira el comentario #96 para leer las indicaciones.

    ResponderEliminar
  115. Hola potro eii compaare esta contodoO estos aportees hee! graciias comparee!

    ResponderEliminar
  116. Qué bien se ve es menú ;)
    Pues no veo que se ponga detrás de los post, pero sí veo que sólo dos pestañas (Maravillas y Versión T4) se ponen detrás del buscador.
    El CSS lo veo bien, parece que se trata de una incompatibilidad del script con IE, pero más específicamente con ciertos elementos como iframes.
    Tendrías que revisar en el sitio de donde lo has sacado si tienen algún hack para solucionar la incompatibilidad con IE.

    Saludos.

    ResponderEliminar
  117. Pues has hecho un buen trabajo con esos cambios que realizaste porque ha quedado muy elegante y pulcro el menú.
    Te comento que yo lo probé en IE8 y sólo tuve el inconveniente que te mencioné.
    Ojalá encuentres la solución.

    Saludos!

    ResponderEliminar
  118. qusiera q publiques sobre menus horizontal despegable, paracidos a las web probesionales

    ResponderEliminar
  119. potro me dijiste k te pusiese lo ke salia y es esto

    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The element type "script" must be terminated by the matching end-tag "".

    ResponderEliminar
  120. Pues el mensaje marca que el cierre del código que estás poniendo no está completo. Verifica que lo estés poniendo todo como debe ir y en su lugar.

    ResponderEliminar
  121. hola que tal intente de ponerlo de mil maneras y no pude cuando voya vista previa hago click sobre el menu para que se deslize y no se desliza no pasa nada, cual podria ser el problema?.

    ResponderEliminar
  122. hola potro lo puse tal cual explicaste, pero no se que pasa que no funciona el boton?????? por favorr espero tu respuesta.

    ResponderEliminar
  123. Me parece que es por la barra Wibiya, comúnmente quienes usan esa barra no pueden usar los efectos que requieren Prototype y Scriptaculous como el que usa este menú.

    ResponderEliminar
  124. Hola el potro, pues si lamentablemente tu suposicion era cierta, le saque el gadget de la barra y funciono, el tema que necesito esa barra, debe aver algo en el codigo html de la barra que no deja funcionar al menu, que podra ser?

    ResponderEliminar
  125. Por desgracia no es el HTML sino el script que lo hace funcionar, así que hay no hay más opciones que, o dejarlo o quitarlo :\

    ResponderEliminar
  126. potro podria añadir mas enlaces????
    gracias este blog me ayuda demasiado

    ResponderEliminar
  127. Claro, puedes agregar más enlaces antes de </ul> y si te queda corto el menú mira el comentario #126

    ResponderEliminar
  128. Hola Potro. Hay alguna manera de que el deslizante se despliegue solo con pasar el cursor sobre el, sin necesidad de hacer clic encima suyo.
    Un abrazo

    ResponderEliminar
  129. Bueno no pasa nada, esta bien asi.
    Gracias de nuevo por la aclaracion y por supuesto por la rapida respuesta.
    Un abrazo Potro.

    ResponderEliminar
  130. hola me encanta tu pagina , pero tengo un problema ojala me ayudes , ya.. copie los codigos guarde la plantilla me salio en mi blog el menu despegable , y dice
    pestaña 1
    pestaña 2
    pestaña 3 etc. y pincho en ellas y dice que no hay paginas para mostrar , el problema no se donde cambiar la url del enlace y pestaña lo hice pero no me resulto , donde lo tengo que cambiar, en mi plantilla guardada ? disculpa mis preguntas pero estoy recien haciendo mi blog soy nueva se despide claudia gracias te espero

    ResponderEliminar
  131. Hola potro, me preguntaba si se puede hacer lo mismo o como se haria lo mismo pero en vez de enlaces un codigo html como por ejemplo una lista de reproduccion de youtube o poner imagenes o algo asi como si fuera una especie de spoiler.

    ResponderEliminar
  132. perdon por el doble post
    @claudia debes de leer bien el manual, lo que esta en rojo lo debes de cambiar, donde dice "URL del enlace" lo cambias por la direccion web, y donde dice "Pestaña 1" lo cambias por el nombre que quieres que aparezca.

    ResponderEliminar
  133. claudia, en donde dice Pestaña 1, Pestaña 2, etc debes poner el nombre que tendrá cada pestaña, y en donde dice URL del enlace debes poner justamente la dirección Web del sitio que deseas enlazar, ya sea una entrada de tu blog, una página estática, tu dirección de Facebook, etc. Por ejemplo, si quisieras que el enlace abriera la página de Google entonces la URL del enlace sería así: http://google.com/

    Sirius, las listas de reproducción lo veo muy complicado, ¿tienes algún ejemplo de un sitio Web? quizá así sea más fácil dar con un método que pueda funcionar en Blogger.

    ResponderEliminar
  134. GRACIAS POR CONTESTARME , LO HABIA HECHO MAL , PERO AHORA ME RESULTO GRACIAS POR TU PAGINA Y TU RESPUESTA ME QUEDO SUPER BIEN MI MENU CHAOOOOO

    ResponderEliminar
  135. no tengo conocimiento de una pagina web que haiga hecho eso, si no que todos los dias me imagino cosas nuevas que no soy capaz de hacer

    ResponderEliminar
  136. Potro.. tengo una duda.. he estado buscando por aqui pero no lo encuentro, tal vez me pase y no lo he visto..
    busco el modo de poner como titulo cada vez que se abre la ventana de comentarios un titulo fijo, algo asi como "gracias por tus comentarios" por cada vez que se abra la ventana de comentarios y quieran dejar uno..
    te lo agradecería mucho..

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

    ResponderEliminar
  138. GRACIAS AMIGO POTRO NUEVO BLOGGER
    http://tutorialdelaweb.blogspot.com/

    ResponderEliminar
  139. hola potro, tengo una duda no e podido encontrar un codigo para una barra deslizante de lado a lado o de arriba a abajo que sea parecida a la que hay en esta pagina abajo de donde dice concursa por una ps3
    http://www.todoanimes.com/

    ResponderEliminar
  140. sara, lo unico que puede hacerse es poner un mensaje justo arriba de la caja de comentarios como el que aparece aqui que dice Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.
    Ese puedes agregarlo yendo a Configuracion > Comentarios, y en 'Mensaje del formulario de comentarios' agrega el mensaje que quieres poner.

    Sirius, hay varios carruseles de imagenes de ese estilo, por el momento solo tengo este.

    ResponderEliminar
  141. wow exelente potro eres el mejor! esta es mi web favorita incluso la tengo como pagina de inicio cuando voy a trabajar :D

    ResponderEliminar
  142. Estimado Potro, te saludo una vez mas... tengo una consulta adicional con respecto a este menu! Si deseo cambiarle el color rosado por algun otro hay forma de hacerlo?

    Muchas gracias por tus oportunas respuestas siempre, un fuerte abrazo y saludos cordiales.

    ResponderEliminar
  143. Hola Pepe Lynch,

    Tal como se explica en la entrada, es una imagen y la única forma de cambiarle el color es editándola. En color azul están las URLs de las imágenes para que las edites si gustas.

    Saludos.

    ResponderEliminar
  144. Hola potro,muchas gracias por el menú,la verdad que me gusta su estetica,mi pregunta es la siguiente,hay algúna posibilidad de que al hacer clic en los enlaces del menú estos se abriécen en una nueva pestaña? saludos cordiales.

    cal

    ResponderEliminar
  145. Muchas gracias por la respuesta,es la entrada que buscaba, saludos

    ResponderEliminar
  146. Hola que tal, yo no tengo blogger tengo web. la creo atravez del dreamweaver.

    el primer codigo que en el blogg se lo pone antes de ]]> en la html de mi web no logro encontrar en que parte ponerlo.

    entre que linea lo tendria q poner, desde ya gracias!!

    ResponderEliminar
  147. Cuando se tratan de estilos CSS entonces va antes de </head> encerrado entre <style> y </style>

    ResponderEliminar
  148. como poner en una entrada el tipo de menu que estas usando en las categorias el menu que comienza con [+/-] descripcione de la entrada

    ResponderEliminar
  149. El método que uso es el que se explica en esta entrada.

    ResponderEliminar
  150. Hola Man esta bueno el menú, estuve viendo algunos sitios que tenían un menú parecido a este pero usaban un efecto toggle o algo por el estilo.....creo, podrías subir una entrada de un menú como este, pero con ese efecto?

    ResponderEliminar
  151. De hecho este mismo menú tiene efecto deslizante.

    ResponderEliminar
  152. Si usted tiene toda la razón, pero no ha notado que cuando le da clik para que regrese a su posición original, hay un leve parpadeo(como que se muestra el contenido del menú) siendo sincero eso me disgusta ya que le quita algo de estética, quisiera hacer algo parecido a este, pero soy remalo adaptando códigos para blogger T_T

    ResponderEliminar
  153. Ha se me olvidaba amigo, uso jQuery por quería usar el efecto que te dije.

    ResponderEliminar
  154. Con jQuery supongo que también debe haber aunque por ahora no tengo alguno a la mano.
    Ese parpadeo sólo se ve en Google Chrome, supongo que debe ser algún inconveniente entre el código y el navegador pues en los demás navegadores no se ve ese parpadeo fantasma.

    ResponderEliminar
  155. Bien potro se que usted es un tipo ocupado, mire esto y dígame si existe la posibilidad de adaptar eso en una plantilla para blogger (http://web-kreation.com/tutorials/nice-clean-sliding-login-panel-built-with-jquery/) obviamente no quiero un registro ni el login ,pero si el panel que se abre con las opciones.

    ResponderEliminar
  156. Ya una vez traté de poner justo ese menú pero no quedó muy bien en la plantilla donde lo probé. Deja que haga unas pruebas más de nuevo en distintas plantillas para ver qué tan factible es poder usarlo, si todo sale bien lo publicaré lo antes posible.

    ResponderEliminar
  157. hola cunado dicen antes de por ejemplo nose b skyn en abajo o arriba? gracias

    ResponderEliminar
  158. hola que se significa < / div > pero todo junto el div gracias

    ResponderEliminar
  159. otra pregunta como hago para que en el menu poner una categoria ejemplo juegos y cuando apolle la flecha sobre hay se habra mas categorias con las categorias de juegos gracias

    ResponderEliminar
  160. Los </div> son los cierres de la etiqueta <div> que son contenedores de elementos, en este caso contienen todo lo que hay dentro del menú.

    Y acerca de la otra pregunta, en este menú no se le pueden agregar subpestañas :\

    ResponderEliminar
  161. una pregunta me puedes aconsejar que menu podria poner poruqe el que puse no me agrada mucho la pagina es www.3dgames-sl.blogspot.com Gracias

    ResponderEliminar
  162. No sabría decirte, todo depende de qué tipo de menú estés buscando. Mira la sección de Menús para que veas algunas opciones.

    ResponderEliminar
  163. potro tengo un problema con este menú desplegable y ese es que cuando lo abro todo bien y después que entro en una categoría no se me abre apretó y no se abre si me pudieras ayudar te lo agradecería esta es mi pag www.3dgames-sl.blogspot.com Gracias

    ResponderEliminar
  164. Pues he entrado a tu blog desde 3 distintos navegadores (Chrome, Firefox, IE) y en los tres el menú me ha funcionado sin problemas, en las 3 pruebas entré al enlace 'Contacto' y abrió sin ningún inconveniente.

    ResponderEliminar
  165. una pregunta potro para poner un menu como el que tenes vos como hago? Gracias

    ResponderEliminar
  166. El que yo tengo es muy parecido a este, sólo que el color y tamaño de las pestañas es diferente.

    ResponderEliminar
  167. Esto esta de lujo, lo pondre en mi pagina de todos modos.
    Gracias por el aporto amigo.

    ResponderEliminar
  168. Justo lo que buscaba!! gracias!! pero tengo una pregunta... para mi sería genial que se pudiera poner submenús se puede poner??? estaría genial y supercompleto ;).
    Por cierto que cambio el tamaño de altura y no se me cambia!!!. Gracias Potro, por cierto que me gusta mucho tu blog está genial!!

    ResponderEliminar
  169. Lamentablemente no es posible agregarle subpestañas a este menú.
    Para ver cómo hacerlo más alto mira el comentario #70

    Saludos!

    ResponderEliminar
  170. Muchas gracias!! ahora están en el sitio que quería solo me queda dar un cambio al color para que vaya a juego con el blog jeje. Es una pena que no se pueda poner subpestañas... pero ya buscare por tu blog una posible solución. Bye!!

    ResponderEliminar
  171. amigo no entendi lo suficiente podrias hacer un tutorial te saldria mas facil explicar y tendrias mas supcriptores jejejexd

    ResponderEliminar
  172. No sé qué entiendas por tutorial pues esta entrada es justo un tutorial, pero no creo poder explicarlo de otra forma más sencilla.

    ResponderEliminar
  173. Hola YO-LESS,

    Ese es un menú horizontal, en la sección Menús puedes ver algunos que quizá te interesen. Para saber cómo ponerles los enlaces de categorías mira esta entrada.

    Para poner las entradas de esa forma y que sólo se muestren los títulos puedes verlo en esta entrada.

    Para numerar los comentarios lee esta entrada de Oloblogger que explica cómo hacerlo:
    http://oloblogger.blogspot.com/2010/03/numerar-comentarios-en-blogger.html

    Saludos y qué bueno que siempre nos visitas :)

    ResponderEliminar
  174. Muchísimas gracias! Me quedó genial! Gracias! (;

    ResponderEliminar
  175. se puede poner mas de un menu desplegable en la misma pagina?

    ResponderEliminar
  176. Tengo entendido que no, o mas bien, los que lo intentaron no tuvieron éxito.

    ResponderEliminar
  177. No sabía muy bien dónde comentar así que lo hado aquí. Podría dirigir desde las pestañas de Inicio, about, services, products.. a alguna dirección en la página http://todoculturayociodeburgos.blogspot.com/

    ??

    Saludos

    ResponderEliminar
  178. Claro, sólo busca con las teclas CTRL + F uno de esos textos y ahí cambia la URL que tenga.

    ResponderEliminar
  179. Al buscarlos sólo me aparecen el nombre de lapestaña, pero ninguna url.

    ResponderEliminar
  180. Busca esta parte y cambia esos signos de gato (#) por la URL que deseas agregar:

    <li><a href='#'>About</a></li>
    <li><a href='#'>Services</a></li>
    <li><a href='#'>Products</a></li>
    <li><a href='#'>Support</a></li>
    <li><a href='#'>Contact us</a></li>

    ResponderEliminar
  181. a mi no me funciona me sale en la pagina bien colocado pero no se despliega a pulsar la flechita

    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