Desde que aparecieron las plantillas del Diseñador de plantillas de Blogger muchos de los comentarios acerca de los Menús son: que los menús no se ven igual que al del ejemplo de equis entrada, o que las subpestañas no se despliegan. Y la respuesta que siempre doy es Los menús de subpestañas no funcionan en esas plantillas.
Pero les había prometido encontrar la forma de que los menús funcionen en esas plantillas, así que veamos cómo hacer funcionar cualquier menú en las plantillas hechas a través del Diseñador de plantillas de Blogger.
Lo primero es entrar en Plantilla | Edición de HTML y SIN expandir los artilugios busca esta línea:
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
Elimina lo que está en color rojo.
Es posible que tengas muchas partes como la que está en rojo, elimina todas las que encuentres.
Luego busca esta parte en la plantilla:
/* TabsY elimina todo lo que haya dentro de ello. Por ejemplo, en la plantilla Awesome Inc. eliminarías todo lo que está en color verde
----------------------------------------------- */
/* Tabs
----------------------------------------------- */
.tabs-outer {
overflow: hidden;
position: relative;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll 0 0;
}
#layout .tabs-outer {
overflow: visible;
}
.tabs-cap-top, .tabs-cap-bottom {
position: absolute;
width: 100%;
border-top: 1px solid $(tabs.border.color);
}
.tabs-cap-bottom {
bottom: 0;
}
.tabs-inner .widget li a {
display: inline-block;
margin: 0;
padding: .6em 1.5em;
font: $(tabs.font);
color: $(tabs.text.color);
border-top: 1px solid $(tabs.border.color);
border-bottom: 1px solid $(tabs.border.color);
border-$startSide: 1px solid $(tabs.border.color);
}
.tabs-inner .widget li:last-child a {
border-$endSide: 1px solid $(tabs.border.color);
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
background: $(tabs.selected.background.color) $(tabs.background.gradient) repeat-x scroll 0 -100px;
color: $(tabs.selected.text.color);
}
/* Headings
----------------------------------------------- */
Ya eliminado, en su lugar agrega lo siguiente:
#crosscol ul {z-index: 200; padding:0 !important;}Una vez hecho lo anterior podremos agregar cualquier menú y estos se verán como deben verse y las subpestañas podrás desplegarse sin problema.
#crosscol li:hover {position:relative;}
#crosscol ul li {padding:0 !important;}
.tabs-outer {z-index:1;}
Ciudad Blogger
Excelente lo pruebo ahora mismo ;)
ResponderEliminarSaludos potro mil gracias.
MCarlitooH2, ahí me platicas cómo te fue ;)
ResponderEliminarMaG@S RaDioMuSiC, gracias a ti por estar siempre!
Que buena pinta tiene tu post! Lo probaré.
ResponderEliminarUn saludo.
Suerte a ambos!
ResponderEliminarVoy a ser muy efusiva.....
ResponderEliminarTE AMEEEEEEEEEEEEEEEEEE!!!!!!!!!!!!
Wiwiwiwwiwiwiiiwiwiwiwiwiwiwiwiwiwiwiwiwiwiwi!!!!!!!!!!!
=) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) =) ♥
Tenía muchas ganas de poner uno de estos Menús pero la porquería no me dejaba, y ya no es como al principio que podías mantener una plantilla MÍNIMA y si querías probabas estas nuevas, ahora las mínimas ya no están. No sabes como puedo conseguir una Plantilla MÍNIMA.
Estoy ayudando a mi Profesora a Hacer un Blog para el Profesorado y que todos puedan entrar y esas cosas, pero las plantillas nuevas no me gustan para lo que queremos hacer.
Podrías ver si hay alguna posibilidad? ^.^
Gracias ♥
GRACIAS CHE!!! VOY A VER COMO HAGO AHORA A VER SI ME SALE!!
ResponderEliminarPotro, una pregunta, ¿cómo puedo cambiar el tipo de letra que tiene la plantilla?
ResponderEliminarHola Miss Varieté,
ResponderEliminarMe encantó esa efusividad :)
Aun están disponibles las plantillas clásicas, sólo que están un poco escondidas. Entra en Diseño > Edición de HTML, y abajo hay un enlace que dice 'Seleccionar plantilla de diseño', da click ahí y podrás tener acceso a las plantillas anteriores donde podrás elegir la Mínima.
¡Saludos!
Yo no encuentro lo primero, la verdad que soy muy torpe en esto, ¿me puedes ayudar?. Gracias
EliminarUsa las teclas CTRL + F, así podrás encontrarlo más fácil.
EliminarRecuerda que NO debes expandir los artilugios.
Saludos.
Cala Spa Rosario, seguro que sí, y si no vemos cómo resolverlo ;)
ResponderEliminarmartinyfelix, en el mismo Diseñador de plantillas en la pestaña Avanzado está la opción 'Texto de la página', ahí se cambia el tipo de letra, tamaño, y color.
a pesar de que no me gustan esas plantillas, reconozco que la molestia es brutal.. como siempre buen trabajo amigo Potro.
ResponderEliminarSalu2
A mí tampoco me gustan pero mientras la gente las use había que hacer algo al respecto.
ResponderEliminarSaludos!
Bueno yo paso de esto, no uso plantillas del disenador blogger,pero esto es oro molido para el que quiere o ya tiene hecho su blog con ese disenador,hablando de otra cosa potro crees que no afecte nada usar algun compresor y comprimir codigo CSS de la plantilla?
ResponderEliminarOye Potro, muchas gracias. Ya me funcionan los emoticonos :)
ResponderEliminarPeliculasTube, no debe afectar siempre y cuando esté bien hecho el resultado y no haya códigos mal escritos o que no sean aceptados por los navegadores.
ResponderEliminarBlack, en Vagabundia hablan acerca de los plugins de Facebook en Internet Explorer, probablemente es lo que te está faltando:
ResponderEliminarhttp://vagabundia.blogspot.com/2010/08/los-plugins-de-facebook-en-internet.html
Entonces, ¿no es necesario crear la aplicación? Porque eso sería fabuloso, yo ahora ya no puedo crear aplicaciones porque me pide que verifique la cuenta y se ha vuelto un lío ese proceso.
Saludos!
Marina, sabía que lo conseguirías! :)
ResponderEliminarEntonces esa sí es una buena noticia :)
ResponderEliminarmilll gracias los amo
ResponderEliminarmuchisimas gracias por lo de las fotos :)
ResponderEliminarlo de las estrellas no sé, no lo entiendo y no me sale, pero gracias de todas formas !
oye siento ser plasta xD
ResponderEliminarpero mi cursor está en " cruz " y quiero que cuando esté encima de una foto se ponga normal y una interrogacion como:
http://gisediet.blogspot.com/
tu sabes como hacerlo ? :P
y .. jeje xD en : http://theprettybipolarreckless.blogspot.com/
el cursor es una mano rockera y está super guapo y como que el cursor en cruz lo tiene todo el mundo :\ y quiero tener ese porq mola :E
sabes como ayudarme ? :)
Muchísimas gracias de verdad!
solo paso a avisarte de tu favicon, potro con este hace como 2 dias que solo se ve el favicon original de blogger
ResponderEliminarairam, mira la sección Cursores, ahí hay varias opciones.
ResponderEliminarPeliculasTube, yo lo veo bien o.O?
Potro, la parte en donde dices ...
ResponderEliminarLuego busca esta parte en la plantilla:
/* Tabs
----------------------------------------------- */
Y elimina todo lo que haya dentro de ello.
es desde:
/* Tabs
----------------------------------------------- */
hasta donde?
Hasta antes de la otra área de estilos, en el caso de la plantilla Fantástico, S.A. es antes de:
ResponderEliminar/* Headings
----------------------------------------------- */
Hola, Potro.
ResponderEliminarHe seguido los pasos y efectivamente el menú se ha mostrado como quería desde hace tiempo pero hay un problema, cuando he eliminado todo lo de dentro de Tabs, el menú se veía bien, pero en la columna de la derecha que incluye las últimas entradas, comentarios recientes, etiquetas, archivo, ha variado y se veía muy poca separación entre cada línea. No me ha gustado como quedaba y por eso no he guardado los cambios.
Te paso la dirección de mi blog http://cosasquenosedebencontar.blogspot.com
Ahora mismo está el blog como antes de modificarlo.
Hola Fran,
ResponderEliminarCambia esta parte:
ul li {padding:0 !important;}
Por esta:
#crosscol ul li {padding:0 !important;}
Con eso se solucionará.
Saludos.
Hola Potro gracias por siempre estar dispuesto a ayudar y por tu paciencia, una pregunta que no tiene que ver con el tema, hoy me encontraba en la parte de comentarios de mi blog e intente acceder al escritorio pero no pude y me salio error bX-f0hw1h sabes a que se debe esto, ahora ya puedo acceder, pero desearía saber por que sucedio esto, desde ya te agradezco y espero haberme dejado entender, un abrazo =)
ResponderEliminarbU, no es sólo agregar otra pestaña, se necesitan varias modificaciones en el menú que uses. Lo mejor es que busques uno que ya tenga integrada esa función para que no te compliques.
ResponderEliminarBlack, gracias bro, en un rato le echo el ojo.
Silvia, hace rato Blogger a través de su cuenta de Twitter dijo que había un problema pero que ya estaba resuelto, supongo que es el mismo problema que tuviste. Un abrazo!
Gracias Potro tu siempre tan amable =)
ResponderEliminarBlack, jaja, aún no lo he visto, andaba medio ocupadón, pero ahorita lo checo ;)
ResponderEliminarola causa oe buen aporte te psaste ha.!
ResponderEliminarrecien me he suscrito a tu blog y todo eso pero he aprendido muchas cosas solo keda decir gracias y reconocer que estas haciendo un buen trabajo
si tienes tiempo le das un vistazo a mi bloG
ResponderEliminarwww.programacionvs.blogspot.com aver que puedo mejorar o algun buen consejo gracias
Gracias crakinformatico, te agradezco mucho tu comentario :)
ResponderEliminarHola potro
ResponderEliminarSoy un nuevo usuario de blogger y quería hacerte una pregunta:
Tengo instalada en mi blog esta plantilla: http://btemplates.com/2011/blogger-template-sensation/
Me gustaría saber como agregar contenido (chat, videos, pdf, etc.) en las pestañas de esta plantilla?
un saludo
Hola andre 5,
ResponderEliminarSólo necesitas conseguir los códigos de esos gadgets, en la red encontrarás de todo eso, o aquí en la sección Gadgets podrás ver uno que otro que quizá te interese.
Para agregarlos sólo entra en Diseño > Elementos de la página > Añadir un gadegt > HTML/Javascript y ahí pega el código del gadget que hayas elegido.
Saludos.
Disculpa creo que me esplique mal,
ResponderEliminarLo que me gustaría saber es:
¿Como enlazar el contenido de una entrada a una pestaña de mi blog?
un saludo
Potro, esto es fantástico, con esta indicación han aparecido los submenus como por arte de magia. ¡¡ gracias !!
ResponderEliminarandre 5, ingresa a tu entrada, copia la URL que aparece en la barra de direcciones de tu navegador, esa es la URL de tu entrada, sólo ponla en un menú y listo.
ResponderEliminarVirginia esber, y lo mejor de todo es que no es magia :)
gracias loco
ResponderEliminarya habia puesto un menu pero no salia como era
en fin... Gracias!!
Qué bueno que te ha funcionado!
ResponderEliminarProbando y Esperando, Ya les confirmo que paso..!
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarMil gracias Potro!!
ResponderEliminarQue grande eres!
Hola majo y gracias por este tipo de menus que es brutal.Estoy intentando ponerlo en el blog pero e puesto la precargar de la linea al iniciar y se me para en 34 sera porque kizas no se puede utilizar estos dos tipos de trucos juntos?
ResponderEliminarGracias por todo y un abrazo.
Si el preloader ha avanzado entonces no es por eso, seguro debes tener una imagen rota o algún otro elemento que no puede cargar y por eso se queda colgado.
ResponderEliminarSuper gracias lo voy a provar...
ResponderEliminarmi pagina : www.pazeweb.blogspot.com
no funciono se ve como lista... que hago ?
ResponderEliminarHola Pablo,
ResponderEliminarNo veo que hayas puesto los estilos para algún menú en específico.
he seguido tus pasos a la hora de poder editar cualquier menu, y tengo dos prolemillas:el primero es que en mi blog no existe "" , no hay "TABS" LO mas parecido es :"".
ResponderEliminary el segundo es q he seguido todas las instruciones a la hora de instalar el"menu deslizante arria" y lo mas q he conseguido a sido que me aparezca el abrir menu pero este no se abre.gracias mi blog es :http://zuribaltz.blogspot.com
todaia esta en fase de proyecto.gracias por todo
ya lo solucione .. gracias
ResponderEliminarHola akelarre,
ResponderEliminarComo el título de la entrada lo menciona, este "truco" es únicamente para las plantillas hechas a través del Diseñador de Plantillas de Blogger. Para cualquier otra plantilla que no sea original de Blogger te recomiendo preguntar en la página del autor de la plantilla por si tuvieras un problema con ella.
Saludos!
hola potro, me ha servido mucho tu blog, y necesito tu ayuda por favor, www.pagogapa.blogspot.com si te fijas utilice un menu a la izquierda (tipo acordeon mas o menos) que lo saque de tytu blog.
ResponderEliminareste funcionaba bien con mi plantilla antigua, pero ahora nada... me ayudas porfa! que cambio tengo que hacer para que las imagenes del menu no se vean (solo se deben ver al dar click sobre el titulo de lapestaña).
gracias man!
el menu esta a la derecha! XD
ResponderEliminarsorry por escribir varios comentarios, pero este es el menu que utilicé!
ResponderEliminarhttp://ciudadblogger.com/2011/03/menu-vertical-desplegable-con-jquery.html
Hola Patricio,
ResponderEliminarEl menú funciona perfecto, pero parece que has olvidado agregar el código que va antes de ]]></b:skin>
Cualquier duda sobre ese tema vamos a verlo en la entrada que corresponde para no desviarnos del tema principal de este post ;)
Hola potro estoy de nuevo por aqui :)
ResponderEliminarE instalado todo como bien sabes explicarnos y funciona muy bien excepto con internet explorer compruebalo tu mismo
http://www.laredentusmanos.com/
No es el menú sino el anuncio que tienes.
ResponderEliminarPrueba poner debajo de #menu li { esto:
z-index:80;
Ahora se ve mejor! pero donde pone Comentar es agradecer sigue viéndose por debajo!
ResponderEliminarPrueba entonces con una valor más grande en lugar de 80, quizá 200
ResponderEliminarNada sigue igual..no te molesto mas que se pasen a firefox o crome que son mucho mejeros..xD
ResponderEliminarJajaja, pues no es la mejor solución pero es una buena forma de que de una vez se cambien de navegador.
ResponderEliminarLa mejor solución no es... pero que le vamos hacer...
ResponderEliminarpotro..
ResponderEliminarDe nuevoo yoo... sabes que en est blog http://skinberricaa.blogspot.com/
Tengo el menu por defecto de la plantilla...
Pero quiero ponerle subpestañas a la seccion "Actualizaciones"
Sera que me puedes ayudar?
Saludos.
Hola HrodRangel ,
ResponderEliminarCuando se tratan de subpestañas lo mejor es usar un nuevo menú que ya las tenga y sólo adaptar la apariencia al menú que quieres, pues en la gran mayoría de los casos no se pueden agregar así nada más.
exelente.!!! ahora quisiera agregarle un menu asi como el tuyoo..!!!;) m podrias ayudar..
ResponderEliminarClaro, aquí está la info ;)
ResponderEliminargenial,;D tanks
ResponderEliminarPotro una consulta.
ResponderEliminarPuedo recibir pagos mediante tarjeta de credito en blogger?
Sí, pero no directamente, mas bien necesitarías un intermediario que hiciera el proceso del cobro como PayPal o Google Checkout.
ResponderEliminarHola Potro, oye por más que le intento no puedo hahah xD se que soy yo primeramente quise poner un menu Css aparte y todo bien en Chrome, mozilla y Opra; menos en IE que me lo deshace y despues le intente con tus pasos y me aparece deshecho pero en todos los exploradores, se que me estoy brincando algo, mi plantilla es Plantilla de Blogger.
ResponderEliminarSaludos y te dejo la página para tu ayuda porfavor
www.ministeriosmontegerizim.blogspot.con
Hahaha ya ves te dije error mio xD muchas gracias por está página me ha ayudado mucho y hay cosas padre que más adelante implementaré
ResponderEliminarSaludos =D
=) de nuevo
ResponderEliminarEn Internet Explorer me despliega el contenido del menú en la parte posterior del cuadro del blog y por consecuencia no se pueden ver los sub menus.
Que necesito hacer ahí
En algunos menús no funcionará tan bien en ese navegador y ahí es tanto culpa de la plantilla como del navegador. En esos casos habrá que probar otro menú de subpestañas para ver si tienes el mismo problema.
ResponderEliminarDesgraciadamente hay muchas cosas que no se pueden modificar a esas plantillas pues de hacerlo se destrozan por completo :(
Potro tengo problemas con el Menu tipo Dock.
ResponderEliminarNo me sale por completo! mira! esta debajo de otro gadget en la cabezera http://vagabondcreativity.blogspot.com/
Hola vagabond,
ResponderEliminarEl tema donde debes dejar la pregunta no es aquí sino en la entrada del menú Dock.
Revisa de nuevo que estás siguiendo los pasos completos que se explican ahí porque al parecer te has saltado uno de ellos.
Potro!!! pero como busco la linea??????
ResponderEliminarYa te he pasado el tip en la otra entrada ;)
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarb:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes esta es la que no logor encontrar...y cereo que es la clave
ResponderEliminarHola, como el título de la entrada lo menciona este método es únicamente para las plantillas hechas a través del Diseñador de plantillas de Blogger. Saludos.
ResponderEliminarNecesito ayuda con mi blog! urgente no se nada de nada!
ResponderEliminarMuchisimas gracias :)
ResponderEliminar¿Qué ayuda necesitas GabriellEspejo?
ResponderEliminarAhora puedo insertar todo tipo de gadget debajo del Header, pero tengo un problemilla. El PageList, a parte de que sale de una manera que no me gusta, me resulta imposible de quitarlo. ¿cómo puedo hacerlo?
ResponderEliminarGracias.
Si quieres eliminarlo directo desde la plantilla sólo entra en Edición de HTML y SIN expandir artilugios busca y elimina esta línea:
ResponderEliminar<b:widget id='PageList1' locked='false' title='Páginas' type='PageList'/>
a mi entre /* Tabs y Heandigs no me sale lo mismo que a ti mira:
ResponderEliminar/* Tabs
----------------------------------------------- */
.tabs-inner .section:first-child {
border-top: $(header.bottom.border.size) solid $(tabs.border.color);
}
.tabs-inner .section:first-child ul {
margin-top: -$(header.border.size);
border-top: $(header.border.size) solid $(tabs.border.color);
border-left: $(header.border.horizontalsize) solid $(tabs.border.color);
border-right: $(header.border.horizontalsize) solid $(tabs.border.color);
}
.tabs-inner .widget ul {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none;
border-bottom: $(tabs.border.width) solid $(tabs.border.color);
margin-top: $(tabs.margin.top);
margin-left: -$(tabs.margin.side);
margin-right: -$(tabs.margin.side);
}
.tabs-inner .widget li a {
display: inline-block;
padding: .6em 1em;
font: $(tabs.font);
color: $(tabs.text.color);
border-$startSide: $(tabs.border.width) solid $(content.background.color);
border-$endSide: $(tabs.bevel.border.width) solid $(tabs.border.color);
}
.tabs-inner .widget li:first-child a {
border-$startSide: none;
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
color: $(tabs.selected.text.color);
background-color: $(tabs.selected.background.color);
text-decoration: none;
}
/* Columns
----------------------------------------------- */
.main-outer {
border-top: $(main.border.width) solid $(body.rule.color);
}
.fauxcolumn-left-outer .fauxcolumn-inner {
border-right: 1px solid $(body.rule.color);
}
.fauxcolumn-right-outer .fauxcolumn-inner {
border-left: 1px solid $(body.rule.color);
}
/* Headings
----------------------------------------------- */
Sí es diferente porque por eso puse que es un ejemplo de la plantilla Awesome Inc.
ResponderEliminarEn tu caso tienes que borrar hasta antes de:
/* Columns
----------------------------------------------- */
Me quedó de 10, no le falta nada al blog...
ResponderEliminarAhora voy por el menú, espero tener suerte...
De todos modos ya tengo el backup de la plantilla por las dudas... Esto me hace sudar...
Tranquila, ya teniendo el respaldo de la plantilla hay menos riesgos. Si quieres practica primero en un blog de pruebas, sube la plantilla de respaldo y ahí instala el menú que quieres, así si algo sale mal sólo será en el blog de pruebas , y si todo sale bien ya sabrás cómo ponerlo en tu blog ;)
ResponderEliminarA mí sigue sin funcionarme aún haciendo eso :/
ResponderEliminarHola Hollie A. Deschane,
ResponderEliminarComo se menciona en el título y en el resto de la entrada, es un método sólo para las plantillas hechas con el Diseñador de Plantillas de Blogger.
Hola a todos, me gustaría que visitárais mi web:
ResponderEliminarhttp://lawebdetecnologic.blogspot.com
y dejad comentarios!!! :)
Hola Potro:
ResponderEliminarHe seguido los consejos del post para poder utilizar el menú desplegable (de hecho, el sexy drop que tienes en otra entrada) pero al desplegarse las pestañas caen por detrás y no puedo acceder a ellas (Para más detalles el blog -> http://hisuin.blogspot.com). ¿Sabrías decirme cómo solucionarlo?
Gracias
Hola Hisuin,
ResponderEliminarDebajo de:
ul.topnav li ul.subnav {
Agrega esto:
z-index:1000;
Saludos.
Ya funciona! :D
ResponderEliminarMuchas gracias!
Hola, es la primera vez que ago un blog XD resulta que quería poner un menú orisontal y cuando aprendía a manejarlo y lo use solo me ponías dos etiquetas y no se despegaba nada, luego vi este post y y bueno pienso que por eso es que no funca XD
ResponderEliminarMi problema es sensillo: no encuentro esto:
¿Me podrías decir si esta muy arriba o abajo o algo así? Eso ayudaría :3
Gracias!
No salió XD es lo primero que hay que borrar, lo de <b:sections=class"tabls"
ResponderEliminarHola Sre-17,
ResponderEliminarUsa las teclas CTRL + F para localizar los códigos que necesites, con esa forma será más fácil ;)
Saludos y enhorabuena por tu primer blog!
Potro! La verdad no me resulto podrias hacerlo en mi blog porfis, te doy la clave y todo porfissss!!! gracias
ResponderEliminarMe temo que no Florencia, no puedo hacerlo por nadie, pero si me dices en cuál blog tienes el problema con gusto puedo echarle un vistazo y ver qué ha salido mal.
ResponderEliminarMonstruo men... lo probe y funciono, que caballo socio, saludos desde colombia
ResponderEliminarhey florencia, si funciona, entra a mi blog y lo veras
ResponderEliminarhttp://flowdc.blogspot.com/
Funciona teniendo de enlaces de los menús otros blogs que debes crear??
EliminarNo he entendido Sandra, ¿a qué te refieres?
EliminarQué gusto que todo te ha resultado bien kaske, saludos!
ResponderEliminar¡hola!
ResponderEliminarhe probado poner el menú (ahorita lo tengo en un blog de pruebas) y resulta que quedo muy bien... pero solo cuando lo veo estando activa mi sesión de blogger, en cuanto me salgo y lo veo como cualquier persona externa lo haría aparece en forma de lista. Te agradecería algún consejo.
http://kika283pruebas.blogspot.com/
Hola Kika283,
ResponderEliminarLo que sucede es que tu página de Google Sites, donde has alojado los archivos, no tiene permisos públicos, por lo tanto esos archivos no se pueden ejecutar para los demás. Necesitas hacer pública tu página para que se solucione el problema.
¡Yeih! ya quedo (^___^)d, nunca me imagine que fuera eso porque como tengo otros scrips alojados y con ellos no tenia problemas; pero sip, solo cambie los permisos y listo... Muchísimas gracias.
ResponderEliminarYa lo puse en el blog que va y se ve de lujo (^_~)
http://kika283books.blogspot.com/
Hola el potro queria preguntarte xq puede ser que mi menu dejo de funcionar este es mi blog http://informeslagopuelo.blogspot.com/ te agradeceria mucho tu ayuda...
ResponderEliminarPor la misma razón que te explicaba en la otra entrada ;)
ResponderEliminarYa era hora de encontrar la solución al dichoso problemita... Gracias!
ResponderEliminarHola buenos días =) yo tengo un gravísimo problema, no encuentro solución y además conozco lo básico sobre códigos. Potro, podrías decirme si le puedo cambiar el color y de que forma? me gustaría que tuviese las pestañas en blanco (el código creo que es: #ffffff), el link seleccionado de este color (#8a8ab4) y el texto en negro (#000000) creo q los colores están bien, a lo mejor ni lo necesitas pero te los dejo por si me puedes ayudar, que de verdad estoy desesperada =( estaré eternamente agradecida. Un saludo y felicidades por tu web =)
ResponderEliminarC.D. La Muralla, gracias a ti por tu visita!
ResponderEliminarAimi Santana, sí se debe de poder hacer, pero la colocación de los códigos depende de cada menú. ¿Cuál es el menú y en cuál blog está puesto?
Gracias Potro por tus valiosisimos aportes !!
ResponderEliminarSabes segui las instrucciones mi blog, pero al querer trabajar con este tipo de menu igual no me funciona, (pestañas no se deslizan) que puede ser?
Agradecido de antemano por tu ayuda maestro !
Depende del menú que quieras usar, puede tratarse de un problema de incompatibilidad de scripts o que los códigos no están bien colocados. Pero eso es a mera suposición, necesitaría saber qué menú es y en cuál blog lo has puesto.
ResponderEliminarSaludos.
Que buenoooo.. si el mayor inconveniente que he tenido a la hora de los menúes, eran las palabras que se iban abajo y las que quedaban arriba, he renegado mucho con eso. Y otra cosa que he visto en muchos lados y no se como se hace, son los menúes o las cabeceras quevan de punta a punta del blog, y que visto en el monitor que sea se ven bien.. Me encanta como explicas todo
ResponderEliminarEso ya depende de la estructura de cada plantilla, las que tienen el menú así fueron diseñadas de esa forma desde el inicio. Saludos y gracias por tu comentario!
ResponderEliminarmuchas gracias potro
ResponderEliminarSaludos potro hace tiempo que no lo visitaba, gracias q estés de vuelta después de tus vacaciones.
ResponderEliminarMe gustaría tu recomendación ya que el menú del blog ya no me están entrando pestañas y necesito colocar mas, habrá una manera achicarlas para que entren. De hecho estuve investigando en Ciudad blogger los post sobre los menú horizontal y vertical seria posible como otra alternativa colocar estos menú horizontal o vertical en una entrada. Lo otro sería el de crear hipervínculos desde un mismo post. Te voy a dejar el ejemplo q vi el cual sería el ejemplo ideal. Seguidamente la Url de mi blog. Infinitas gracias Potro Saludos desde Venezuela.
http://www.institutoarts.com.ve/empresas.php
http://cursodecadd2d.blogspot.com/
Hola Robert,
ResponderEliminarNo pude ver esa página porque nunca terminó de cargar.
Sobre los menús hay muchas posibilidades, quizá lo más recomendable sea usar uno con subpestañas, las posibilidades son muchas, todo depende de tu gusto basicamente. En la sección Menús verás algunos, quizá uno de ellos sea el que más se adapte a lo que necesitas.
Saludos.
Hola Potro aquí está la URL de la imagen de la idea que te comente para q la puedas observar gracias por tu ayuda.
ResponderEliminarhttp://i852.photobucket.com/albums/ab87/RLara75/1.png
Lo veo complicado para un blog de Blogger, a menos que la plantilla que tengas ya tenga ese menú, de otra forma lo veo tipo Misión Imposible.
ResponderEliminarhola potro tengo un problema cuando busco
ResponderEliminarno aparece nada y cuando busco tabs tampoco
yo pienso que es por que no es una plantilla de diseñador de plantillas pero cuando quiero poner otro menu no me deja se ve el codigo en la pagina en ves de verse el menu :$ que puedo aser
Tal como lo indica la entrada, este método es unica y exclusivamente para plantillas del Diseñador de plantillas de Blogger.
ResponderEliminarAhora, si cuando pones algún otro menú se ve el código en la plantilla entonces es que lo estás poniendo en el lugar erroneo. Es cuestión de que revises los pasos de nuevo para que veas exactamente dónde es que se tienen que poner los códigos del menú.
Al hacer eso mi menú de las páginas estáticas se ha quedado de manera vertical...
ResponderEliminarhttp://estudioantropologia.blogspot.com/
¿Podrías echarme una mano?
Gracias!
Yo lo veo completamente horizontal :/
ResponderEliminarDiscúlpame, lo cambié poniéndolo en otro lugar el gadget y ya se mostró bien.
ResponderEliminarGracias por el interés !!
Q tal Potro era para confírmate que efectivamente mi comentario # 129 si se puede lograr realizar de hecho lo puedes observar en mi blog funcionando (CLICK EN PESTAÑA EMPRESA). Y si me los permites para lo q estén en la misma situación mía solo vallan a google y busquen con estas palabras. Cómo Agregar Tabs o Pestañas en Blogger. Gracias Potro saludos.
ResponderEliminarhttp://cursodecadd2d.blogspot.com/
Los tabviews sí se pueden y de hecho hay una entrada sobre ello:
ResponderEliminarhttp://ciudadblogger.com/2011/06/tabview-para-agrupar-varios-gadgets-en.html
A lo que me refería que veía difícil era que lo quisieras tal como estaba ahí, que en lugar de entradas hubiera ese contenido en el menú.
Claramente hubo una confusión de idea de mi parte en hacerme entender. Saludos
ResponderEliminarOye, espero puedas ayudarme, estoy empezando un blog y me gustaría que cuando alguien hace clic en un tema del menú, se depliegen todas las entradas relacionadas. He intentado, pero no me sale. ¿puedes ayudarme?
ResponderEliminarHola Robert, mira esta entrada, ahí se explica cómo hacerlo:
ResponderEliminarhttp://ciudadblogger.com/2010/06/menu-de-categorias.html
Hola, gracias por compartir tus trucos. Está muy bien explicado. Sólo no entiendo bien cómo cambiar los colores de los botones. He visto que son imágenes png almacenadas no sé muy bien dónde, pero no me entero bien de cómo podría cambiarlas a mi gusto. ¿Me podrías ayudar con esto?
ResponderEliminarGracias! Ian
¿De cuáles botones, es de algún menú en especial?
ResponderEliminarPregunta ! Como hago para juntar varias entradas en una, y ponerla dentro de unas de las pestanas del menu?
ResponderEliminarGENIO! Gracias :D
ResponderEliminarbacan una pregunta yo estuve haceindo todos tus pasos pero cuando tocaba eliminar lo que aparece lo de borrar lo de color verde a mi me aparece otra cosa que no es la misma que tu tienes escrita q hago?
ResponderEliminarChapatis . Cocina Macrobiotica Nomade, mil disculpas, parece que se me "traspapeló" tu comentario.
ResponderEliminarPara agrupar entradas en categorías debes asignarles una etiqueta y luego enlazar esa etiqueta en tu menú.
En esta entrada se explica a detalle:
http://ciudadblogger.com/2010/06/menu-de-categorias.html
Carolina Aristiazabal, ese código no es igual para todos, sólo debes eliminar desde:
ResponderEliminar/* Tabs
----------------------------------------------- */
Hasta donde termine, que seguro podrás identificar por una línea como esta:
/* Headings
----------------------------------------------- */
Tengo mi blog personalizado con el dominio www.InformativoRD.com, ahora quiero personalizar el menu para que los visitantes lo utilicen, pero resulta que anterioremtne cuando hacia eso, lo que hacia era que ponia etiquetas a cada tema, de forma que a los menus si por ejemplo ponia una etiqueta que dijera noticia, para poner al menu noticia que encuentre todas las noticias, le ponia name/label/noticia, pero ahora veo que cuando escojo un tema no se vio afectado por al etiqueta, como hago que mi menu funcione con este nuevo dominio personalizado?
ResponderEliminarEl dominio personalizado no debe afectar en nada las etiquetas u otros elementos del blog. Lo que puede estar sucediendo es que cuando pones el nombre de la etiqueta (en el menú) no respetas las mayúsculas, minúsculas, acentos o espacios que tenga la etiqueta original. Por ejemplo, si en tus entradas la etiqueta se llama Noticias entonces en la URL del menú la etiqueta también debe llamarse Noticias con N mayúscula.
ResponderEliminarHola Potro, mira andube buscando aca en tu sitio y no encontre nada, me gustaria saber si es posible añadir una imagen a un solo boton del menu de paginas orizontal que viene por defecto en la plantilla fantastico
ResponderEliminarLe quiero poner una imagen solo al boton de la pagina de inicio
Hola Ariel,
ResponderEliminarSe podría, el problema es que esos menús incluyen una clase llamada .selected que hace que tenga un color de fondo la pestaña que está seleccionado, eso no permite que se pueda mostrar el ícono en la de Inicio.
Este comentario ha sido eliminado por el autor.
ResponderEliminarPotro y se le podria dar un .selected espefico para esa pestaña y que sea otra imagen pero mas oscura que quedar igual que una seleccionada?
ResponderEliminarTe pregunto porque entendí que me decias que se podria pero esta esa dificultad
Ahora no se cual es el codigo que maneja el background de cada pestaña
Gracias Potro te pasastes Hermanoooo :)
ResponderEliminarAriel, sí, sí se puede, aunque entonces tus pestañas seleccionadas no tendrán color de fondo. Si quieres hacerlo busca esta parte y elimina lo que está en negrita:
ResponderEliminar.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
background: $(tabs.selected.background.color) $(tabs.background.gradient) repeat-x scroll 0 -100px;
color: $(tabs.selected.text.color);
}
Luego agrega antes de ]]></b:skin> esto:
#PageList1 li:first-child {
background: url(URL de la imagen) left center no-repeat;
padding-right:20px;
}
Acabo de leer tu respuesta Potro y te voy a decir lo mismo que al usuario anterior
ResponderEliminarTe pasaste!
Muchas gracias por tu amabilidad! YA que ahora aprendí bastante no te haré mas preguntas por varios meses jajaja, te felicito!
Saludos!
Pregunta cuando lo necesites Ariel, para eso estamos :)
ResponderEliminarHOLA POTRO!!! MUCHAS GRACIAS, ME MORÍA POR PONER PESTAÑAS ;) LO CONSEGUÍ GRACIAS A TÍ. AHORA ESTOY TRATANDO DE ADAPTAR LAS TIPOGRAFIAS Y ESPACIOS, EN LA EDICIÓN DE PLANTILLAS NO SE PUEDE VARIAR AUNKE MENCIONA PESTAÑAS (¿?)
ResponderEliminarPOR OTRO LADO SIGO SIN PODER VER EL FAVICON, CREO QUE NO CONSIGO UBICARLO EN EL SITIO CORRECTO
GRACIAS POR TODO, WENDY
http://www.wenhauser.blogspot.com
Hola Wën Häuser,
ResponderEliminarDesde el Diseñador de plantillas sólo puedes variar estilos que son propios y originales de la plantilla, por ejemplo el gadget de Páginas. Pero si estás usando un menú con subpestañas entonces la modificación tienes que hacerla directo en la plantilla en el área de los estilos del menú que estés usando.
Saludos.
Hola quiciera que me ayudaran pues tengo un blog y quiciera que me ayudaran con la elaboracion de un menu que le pueda quedar a mi blog les dejo la dirección del blog para que me den su opinion Gracias!!!
ResponderEliminarAh se me olvidaba, el menú que deseo tiene que ser horizontal, despegale.
http://animeallstarz1.blogspot.com/
Hola 23vlap, mira en las categorías, hay una sección de Menús, quizá haya alguno que pueda interesarte. Saludos!
ResponderEliminarHola!! El potro, perdona que siga insistiendo,te queria preguntar en donde ubicar un codigo html de un menu que cree mediante un generador de menus despegable sin javascript tengo el codigo pero ignoro en donde ubicarlo en mi blog ya que no entiendo mucho de codigos html ni css. Me podrias ayudar porfa!!!
ResponderEliminarHola potro
ResponderEliminarNo consigo sacar unas lineas discontinuas
que salen por encima del menu, me puede hechar una manilla
lo estoy colocando en este blog de pruebas
http://blogdepruebasdemenu002.blogspot.com/
23vlap, esos menús son para usuarios más avanzados. Si te dieron un código entonces la estructura HTML debe ir en un gadget HTML/Javascript, y los estilos CSS antes de ]]></b:skin>
ResponderEliminarperickko, sólo elmina esta parte de tu plantilla, o pon los bordes en cero:
ResponderEliminar.widget ul li, .widget #ArchiveList ul.flat li {
border-top: dashed 1px #ccc;
border-top: dashed 1px rgba(128, 128, 128, .5);
}
Este comentario ha sido eliminado por el autor.
ResponderEliminarMira si quieres te puedo pasar los codigos para que me digas en donde instalarlos
ResponderEliminarGraciasssssss Potro.... no veas tu la de quebraderos de cabeza que me han dao esos puntitosssssss
ResponderEliminarMe funciono, gracias gracias gracias
23vlap, ponlos por aquí en los comentarios, quizá necesites convertir los códigos a texto plano, para ello usa el conversor que está en el menú arriba del blog.
ResponderEliminarperickko, por nada ;)
Este comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarOye! potro, te cuento que encontre una página de generador de menús a base de CSS Y HTML y es muy fácil de instalar en los blogs porque despues de elaborar el menú te da el código CSS que lo tienes que introducir antes de ]]> como me lo mencionaste tú y el código HTML que hay que introducirlo en un gadget HTML.
ResponderEliminarAh!!! se me olvidaba también da las imagenes para introducirles la URL en el codigo CSS donde te lo pide.
http://www.cssmenubuilder.com/
jajaja ya aprendi un poco de CSS Y HTML delo que supongo sabes un resto, te dejo la dirección de la página por si le interesa a alguien. SALUDOS!!!!
como creo que blogger ha cambiado varias veces y quiero poner un menu a mi plantillas y sugieres primero hacer eso, quiero saber si esto es con las nuevas y atuales plantillas de blogger, pero realmente no se como se llama mi plantilla.
ResponderEliminarPor cierto para que sirve eso de vists dinamicas?, porque yo tengo mi plantilla y me puse a ver y probar y veo que cuando otra gente visita tu blog que marcaste vista dinamica la gente puede verlo de diferentes manersa, asi que uno no puede usar cualqueir plantilla de vista dinamica que valla acorde con la forma en que uno quiera que se vea el blog si los demas la cambian o estoy equivocado orientame¡?, pues se ven bien chulas.
23vlap, qué gusto que estés aprendiendo con tanto entusiasmo este mundo de los códigos :)
ResponderEliminarYa conocía la página, pero seguro a alguien más le puede interesar :)
Saludos.
Xander Reyes, este método es sólo para plantillas hechas con el Diseñador de plantillas de Blogger, cualquiera que haya sido creada ahí.
ResponderEliminarLas plantillas de Vistas Dinámicas son más recientes, también son plantillas para el blog que sin duda son muy atractivas pero carentes de gadgets y personalización.
Bien no tienen personalizacion, pero veo que si alguien visita un blog que tiene vista dinamica, puede cambiarle los diferentes estilos sin ser el administrador, puede evitarse eso?, para que si uno le hace un blog a alguien y le guste un estilo especifico de las vistas dinamicas se vea siempre de esa forma?
ResponderEliminarCREO QUE NO VISTE ESTE COMENTARIO, MIS DISCULPAS SI YA LO VISTE: como creo que blogger ha cambiado varias veces y quiero poner un menu a mi plantillas y sugieres primero hacer eso, quiero saber si esto es con las nuevas y atuales plantillas de blogger, pero realmente no se como se llama mi plantilla.
ResponderEliminarPor cierto para que sirve eso de vists dinamicas?, porque yo tengo mi plantilla y me puse a ver y probar y veo que cuando otra gente visita tu blog que marcaste vista dinamica la gente puede verlo de diferentes manersa, asi que uno no puede usar cualqueir plantilla de vista dinamica que valla acorde con la forma en que uno quiera que se vea el blog si los demas la cambian o estoy equivocado orientame¡?, pues se ven bien chulas.
Pues si personalizas la cabecera de las Vistas Dinámicas puedes hacer desaparecer la barra del menú donde están las opciones de las demás vistas.
ResponderEliminarPotro, por más que la busco no me sale
ResponderEliminarPoodrías ayudarme? Un saludo y felices fiestas!
Hola Obscurus_dark,
ResponderEliminar¿Qué estás buscando que no encuentras? ¿en cuál blog?
Felices fiestas!
Perdón, se me olcidó pegar lo que no me sale -.-'
ResponderEliminarEs esto: b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes
Si usas una plantilla del Diseñador de plantillas (que es de lo habla esta entrada) entonces ahí debe estar. Usa las teclas CTRL + F para que te sea más sencillo localizarlo.
ResponderEliminarRecuerda NO expandir los artilugios.
Saludos.
Precisamente eso es lo que hago, pero no aparece en mi plantilla la cual está hecha con el diseñador... Eso es lo extraño :s
ResponderEliminar¿Cuál es el blog donde no lo encuentras?
ResponderEliminarHoy, me hago fotógafo
ResponderEliminarComo te decía, esta entrada de lo que habla es sobre las plantillas hechas a través del Diseñador de Plantillas de Blogger. Esas son las plantillas que tienen problemas con los menús de subpestañas. Tu plantilla no es de esas, así que no aplica nada de lo que se menciona en la entrada.
ResponderEliminarSaludos.
Buenas potro, cuando mandas borrar tras el
ResponderEliminar/* Tabs
----------------------------------------------- */
en mi estilo aparece esto antes del /* Tabs y el Headings que aparece en ese estilo.
/* Columns
----------------------------------------------- */
También borro lo que viene tras eso hasta el headings?
No, sólo lo que hay entre:
ResponderEliminar/* Tabs
----------------------------------------------- */
Y
/* Columns
----------------------------------------------- */
Hola, yo instale una plantilla de Btemplates en mi blog, esta ya viene conunos Menus y subcategorias, pero no hacen link a ningun lugar, es decir, no me abren paginas diferentes. No se donde modificar el codigo html para que haga lo que querio crear varias paginas en el blog (secciones del mismo blog) y que este menu me lleve a ellas. Puedes Ayudarme?
ResponderEliminarGracias!!!!
Claro L.A., con gusto te ayudo, pero necesito saber en cuál blog has puesto esa plantilla.
EliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarClaro que es buena idea, sólo hay que asegurarnos que el menú sea compatible con todos los navegadores, aunque con IE casi siempre dará problemas, pero sí, es magnífica la idea :)
Eliminarvaaale, me imagino que debe ser compatible, en el propio programa, viene si se desea, un boton para abrir en internet explorer, la verdad es que es muy guapo el programa, y muy intuitivo....
EliminarPues a ver si luego nos presumes tu menú que has hecho ;)
EliminarClaaaaaro, presumire, presumire, pero te digo una cosa, sin tus acertadas enseñanzas, no lo hubiese conseguido, de todas maneras en el blog que ahora estoy mas de lleno metio, aun no he decidido meterle el menu, pero...... todo se andará.
EliminarTodo a su tiempo ;)
EliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola qué tal! Excelentes tus aportes, muchas gracias.
ResponderEliminarTengo una pregunta. Estoy trabajando en éste blog http://pruebaselcuartocuarto.blogspot.com/ como ves el menú se ve y funciona bien. Es decir, la plantilla venía con ese menú y se puede modificar y toda la cosa. Lo que queiro saber, es como vincular las páginas a cada sección? Es decir, tengo que crear un nuevo "blog" con el nombre de la sección y colocarlo en el código html, o existe alguna forma de crear una página para vincularla ahí? No sé si me explico.
Hola Ignacio.
EliminarBusca en tu plantilla los nombres de esas pestañas, ahí verás unos signos de gato (#), esos signos de gato los debes cambiar por las URLs que quieras enlazar. Por ejemplo, ahora mismo una de esas pestañas se ve así:
<a href='#'>Liga ENDESA</a>
Si la enlazaras con Google se vería así:
<a href='http://google.com'>Liga ENDESA</a>
Ahora bien, puedes poner el enlace que quieras, ya sea la URL de una página de tu blog, la URL de una entrada, o enlazar una categoría del blog
http://ciudadblogger.com/2010/06/menu-de-categorias.html
Ok, entiendo, muchas gracias.
EliminarOtra cosa, no entiendo muy bien como crear "una página" dentro de mi blog. Osea, cuando estoy en mi menú principal, está mi cuenta con el nombre del blog, y la opcioens que tengo es crear otro "blog". Es decir, para cada sección creo un "nuevo blog" con el nombre de la sección y le coloco el mismo código que usé para el home?
Ok, mucha gracias! Entendí eso.
EliminarPero tengo otra duda. Como crearo otra "página" dentro de mi blog? Me refiero, cuando entro a mi cuenta principal, está el nombre de mi blog y todas las opciones. Pero no hay una opción para crear como páginas individuales. Qué tendría que hacer? Crear otro "blog" con el nombre de la sección y colocarle a ese blog el mismo código que usé para el home del blog? O hay alguna forma para crear dentro del mismo blog una página como decir "en blanco" para linkearla al menú y colocar en ese espacio todo lo que concierne? No se si me expliqué bien! Espero que sí. Gracias de nuevo :)
En el blog se escriben entradas, esas entradas podrías enlazarlas a tu menú, o puedes hacer como te dije en el otro comentario, enlazar un grupo de entradas bajo una misma categoría (ver el link que te dejé al final del otro comentario.
EliminarTambién puedes crear Páginas, éstas, a diferencia de las entradas, no se muestran en la portada del blog, sólo se tiene acceso a ellas desde un menú.
Saludos.
Hola, yo tengo la misma duda que Ignacio. Hice los cambios para crear los menús y quedaron en la columna lateral. Tuve que enviar las páginas que ya tenía creadas a borrador y eliminar el gadgets que usé para crear esas páginas hace tiempo atrás. En forma automática el menú horizontal que tu propones quedó debajo del título del blog.
ResponderEliminarHasta ahí todo bien. Pero no entiendo cómo traspasar las páginas independientes del blog (que están borrador) si al poner la url en la sección del código del gadget, la página no aparece. Estoy confundida. http://conectameconeduc.blogspot.com/ este es mi blog para que revises por favor. Saludos.
Las pestañas que aparecen en vertical, resultó perfecto tal como enseñaste en una entrada anterior, la diferencia con la barra horizontal es que enlace paginas externas de otros autores.
Hola Sandra,
EliminarEn realidad en este menú, o en cualquier otro, puedes enlazar el sitio que quieras, ya sea las páginas de tu blog (como veo que ya lo has hecho), como una entrada, una sección de etiquetas, o una página externa. Ahí ya es decisión de cada quien elegir qué quiere enlazar.
Cualquiera que sea el caso sólo debes poner la URL del enlace que deseas enlazar.
Saludos.
hola potro, tengo dos dudas, aunque no tienen mucho que ver con este artículo no sabía donde ponerlo, la primera es que me gustaría poner debajo de las páginas el típico (anterior 1 2 3 siguiente) para cambiar de páginas, y la segunda es que en mi menú se queda siempre sombreado inicio esté en la página que esté, quería saber como se puede corregir esto, como siempre gracias por la ayuda, un saludo.
ResponderEliminar