109

Menú horizontal para el blog

El funcionamiento de este menú es como los otros que he probado anteriormente, con la única diferencia que hay que hacerlo más o menos a mano. Aún con este pequeño inconveniente, a mi me gusta mucho, no es difícil de hacer y al pinchar sobre los botones se muestran todas las entradas con esa etiqueta.
El único problema que me ha surgido, es que, como yo tengo muchas etiquetas, los botones me salían en dos filas, para evitarlo reduje su tamaño, pero esto hizo que se viera demasiado pequeño, así que opte por colocar un tres de ellos en la sidebar, con lo que está demostrado que también sirve como menú vertical.

Os explico como se hace:

1- Antes de ]]></b:skin> en el HTML de nuestra plantilla, colocamos esta porción de CSS:

#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #C0C0C0;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */

}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
background-color: #333399;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #CC3300;
color: white;

}

#navcontainer #active { border-left: 1px solid #fff;
}

Aquí es donde podemos cambiar los colores de nuestro menú, el tamaño del texto, la separación, etc.

2- Buscamos en nuestra plantilla esta línea de código:
<div id='content-wrapper'>

Y justo a continuación añadimos la parte del código que mostrará nuestro menú debajo de la cabecera del blog:
<div id='navcontainer'>
<ul id='navlist'>
<li id='active'><a href='http://elescaparatederosa.blogspot.com/search/label/Trucos Blog' id='current'>Trucos Blog</a></li>
<li><a href='http://elescaparatederosa.blogspot.com/search/label/Trucos imagenes'>Trucos Imagenes</a></li>
<li><a href='http://elescaparatederosa.blogspot.com/search/label/Datos utiles'>Datos Útiles</a></li>

<li><a href='http://elescaparatederosa.blogspot.com/search/label/Ranking de comentarios'>Ranking de comentarios</a></li>
<li><a href='http://elescaparatederosa.blogspot.com/search/label/Boton Enlace'>Botón Enlace</a></li>
<li><a href='http://elescaparatederosa.blogspot.com/search/label/Cosas mias'>Cosas mias</a></li>
</ul></div>

Lo copio tal cual está hecho el mio, tenéis que cambiar el nombre de mi blog por el vuestro y, por supuesto el nombre de las etiquetas por las de vuestro blog, así cuando pinchemos sobre uno de los botones del menú, se mostrarán todas las entradas con esa etiqueta.
Hay que tener cuidado al escribir el nombre de la etiqueta, pues si no está escrito exactamente como en el blog no funcionará el link del menú.
Fijaros que el nombre de las etiquetas, hay que ponerlo dos veces en cada enlace, una justo después de /label/ y la otra a continuación, ya que la primera es el enlace y la segunda el nombre que se muestra en el botón del menú.

Para usarlo en vertical, tenemos que aplicar en un nuevo elemento HTML-Javascript, el segundo código, pero etiqueta por etiqueta, es decir así:
<div id='navcontainer'>
<ul id='navlist'>
<li id='active'><a href='http://elescaparatederosa.blogspot.com/search/label/Trucos Blog' id='current'>Trucos Blog</a></li>
</ul></div>


¡Suerte!

Entradas Relacionadas:

109 comentarios:


Carlos Rodríguez Ibáñez

Me sorprende tu capacidad para todos los días "regalarnos" con algo nuevo.

Muchas gracias y saludos!

Bolbo_reta

Es genial la idea Rosa! Esto podría hacerse sólo con alguna de las etiquetas sin tener que hacer un menú con todas ellas?? Gracias!

Carlos Rodríguez Ibáñez

Rosa, veo que tú blog tiene la opción de "traducirse" a otro idioma, en este caso el inglés, ¿es posible esa opción en el mio? Por su contenido, sería quizá interesante (viven muchos inglese aquí)

Saludos!

Rosa

Hola Carlos, el traductor de la sidebar, es un truquillo que yo misma me curré enlazando la página de traducción de Google, pero no es muy recomendable, la verdad, porque Google traduce literal y a veces el resultado es bastante "chungo".

La otra ópcion es el traductor para cada post, el resultado es algo más acertado, pero no mucho mejor.

No obstante, si te interesa, mándame un email con el que quieras poner, y de vuelta te mando las instrucciones y eso...

Rosa

Bolbo_reta, claro que puede hacerse solo con las que queramos, por eso es tan buena opción, a mi modo de ver...

Carlos Rodríguez Ibáñez

Tema descartado... porque hablando de lo que se habla en mi blog, una mala traduccón puede causar un efecto inversamente proporcional al deseado...

Muchas gracias!

Bolbo_reta

Gracias Rosa, lo probaré.

Luis

Hola Rosa , lo primero darte las gracias por tu inestimable ayuda. Quería comentarte que he seguido tus instrucciones para crear un menú horizontal para mi blog (http://bolsamagia.blogspot.com)y el problema que tengo es que no se ve el menú con el navegador iexplore. Te he dejado la dirección del blog para que si tienes tiempo lo mires y me des tu opinión para corregir el problema, ya que yo soy nuevo en este campo.Agradecería muchísimo tu ayuda. Un saludo

Alejo Arzayús

Recién estoy conociendo este blog y debo decir que me ha servido, gracias.

paqui

Hola Rosa, me gustara poner un menu desplegable horizontal, pero hija por mas vueltas que le he dado y por mas que he buscado no he encontrado nada que me resulte.
Gracias, besicos

paqui

perdona no se si se llama expandible o desplegable

Rosa

Paqui, ahora mismo no tengo nada de eso en El Escaparate, pero puedes consultar en el blog de César, tiene uno bastante sencillo y fácil de cambiar los colores:
Menú horizontal despegable

paqui

Hola Rosa, muchas gracias lo he puesto en mi blog, lo tengo al final del blog porque todavia lo estoy armando:
http://mirincon63.blogspot.com/

Queria hacerte otra consulta Rosa, me gustaria poner en el fondo de mi blog algo parecido a esto, si sabes me podrias decir como:
http://www.acocinar.com/papas.htm

Rosa

Paqui, ya lo he visto...lleva buen camino :-)

Para colocar la imagen que dices (la misma, que la he "tomado prestada" sigilosamente) busca esto en tu plantilla:
body {
background:#ffffff;

Y cambia esas dos líneas por estas, usa la vista previa por si no te gustara como queda:
body{ background:#ffffff url(http://img170.imageshack.us/img170/4752/albumlg0.jpg);
background-attachment:fixed;

paqui

Rosa mil gracias, no te puedes imaginar el tiempo que llevaba detras de este fondo.
Besicos

Rosa

Paqui, ya lo he visto puesto.
¡Me alegro que lo consiguieras! :-)

KIKELIN

Lo hice y creo que me quedó muy bien.
Muchas gracias.

Un pequeño homenaje:

http://kikelincaricaturas.blogspot.com/2007/01/premio-dardo.html

Espero que te guste.

núria

hola rosa, en su día me ayudastes en que fuera a formato a poner tope de entradas en la página principal, todas las demás entradas que haga serán con ese número de entradas? te explico, la 2da. página tengo 5 entradas y quería que se cortara ahí, para seguir en una 3ra entrada con fotos antigüas desde la boda de mis padres. No sé si pido demasiado, perdona por dejar el comentario aquí, pero no sabía donde dejartelo. Agradecida de antemano y gracias

Rosa

Nuria, por lo que veo en tu blog, tienes 12 entradas aplicadas en formato, es decir, en TODAS las páginas te saldrán 12 entradas.

En la primera te salen 12, y en la segunda te salen 5 porque son las que hay en el blog, en el momento que publiques otra entrada nueva, tendrás 12 en la primera y 6 en la segunda y así sucesivamente cuando vayas añadiendo más entradas.

núria

gracias por contestarme, pues nada, tendré que rellenar el espacio hasta que llegue a 12 entradas, para así poder empezar con otro tema diferente, tendría que existir un formato para cada página y así poder poner el número de entradas que uno quiere.. pero bueno igual algún día alguien lo inventa. Agradecida como siempre.

Paula Izaurieta

Hola.. gracias por el menu.. pero tengo una duda. me funciona me dirique a otra pagina por ejemplo. blogspot.com/inicio. pero en todas las secciones del menu me aprarecen las mismas entradas. osea puse un menu que dice imagenes y me gustaria que solo al pinchar ahi se vieran las imagenes pero se ven en todas las pagina.
pucha ojala me puedas ayudar.
gRacias

Rosa

Paula Izaurieta , vamos a ver, en primer lugar cuando me consultes cualquier cosa, o dejas un enlace a tu blog o habilitas tu perfil para poder ver el problema.

El menú no hace eso que tu dices, el menú va al enlace que tu le hayas puesto y es imposible que se vean solo las imágenes, el menú te dirige siempre o a una página o a una entrada del blog, no puede sacar las imágenes de las entradas para mostrarlas.

Paula

Sorry, se me paso dejar algun enlace, es que soy nueva en esto.
es www.gymscross.blogspot.com, mi menu es lo de arriba, por ejemplo tengo "resultados" y quiero que solo al hacer click ahi se vean.. eso se puede?..
Bueno ojala me puedas ayudar.
Gracias!!!

Rosa

Paula, se puede siempre y cuando antes hayas publicado una entrada o más con la etiqueta resultados.
Como te dije, el menú no hace nada por si solo, eres tu la que has de colocar en el los enlaces a donde va a dirigirse, pero esos enlaces han de existir antes por supuesto, sino no irá a ninguna parte...

Lady

Hola hola Rosa!

Aqui de nuevo buscando ayuda en tu blog, jeje.

Bueno veras, estoy un poco confundida con el asunto de las etiquetas, me gustaria hacer algo parecido a lo que tienes tu bajo la cabecera, intente con menú en forma de pestañas y no me funcionó, me quedan en forma vertical y con el numero de entradas asi: (2), despues probé otro post de etiquetas tampoco me funcionó, asi que mejor pregunto
cual es link para hacer algo parecido a lo que tienes y que no aparezca el numero de entradas entre parentesis.

lei todos los post de etiquetas y menú. pero me confundí mas.. jaja


gracias por la paciencia rosa!!

Rosa

Lady, lo que yo tengo es exactamente esto:
http://elescaparatederosa.blogspot.com/2008/01/nube-de-etiquetas.html

Pinkbirdlu

no me funciona:
The element type "ul" must be terminated by the matching end-tag "

QUE HAGO?!

=::::(

Rosa

Pinkbirdlu , eso quiere decir que te falta un </ul>.
O has copiado algún código incompleto, o has eliminado el cierre de algún ul por accidente...revisalo.

JoX3

Rosa como podria hacer yo para en ves de q aparezca texto me aparescan unas imagenes prediseñadas que yo tengo????? no tienes idea de cuanto el modificado ya el html para tratar de hacerlo y no e podido

Rosa

joX3, pues donde ves en el código el texto, por ejemplo "Trucos Blog" en lugar de eso colocas:

<img src="url de tu imagen"/>

JoX3

Graaaaciasss MIL MIL MIL MIL SUPER GRACIAS NO SABES CUANTO TIEMPO PASE INVENTANDO PARA HACERLO!!! (K)(K)(K)(K)(K)(K)(K)(K)

Rosa

JoX3 , me alegro :-)

Anónimo

bueno primero que todo este blog me sido util como otros blogs de ayuda lo han sido tambien, y disculpe la molestia pero me agradaria que porfa me dijeras como hago para agrandar el menu porque resulta que yo lo puse distinto y se ve pequeño de verdad me agradaria verlo mas grande que ocupe todo el largo de la cabecera, este es mi blog www.lomaswanted.blogspot.com
gracias!! espero tu respuesta ;)

Rosa

Anónimo, no es ninguna molestia :-)

Mira ese menú se expandirá cada vez que al añadir una nueva etiqueta a una entrada se añada una nueva pestaña en el menú.
Eres tu el que ha de ir controlando el número de etiquetas a colocar hasta conseguir el ancho que quieres. Tambien podrias editar las etiquetas que ya tienes, y a la de "tv" llamarla de unaforma más larga, por ejemplo, "Cosas de la tv" y así la pestaña del menú se alargaría y por tanto el menú también... no se si me he explicado bien, espero que más o menos lo hayas entendido.

Anónimo

aaa ok claro te explicaste perfectamente, otra cosa que tengo como duda seria si los botones de las etiquetas de ese menu se pueden agrandar en respecto a su altura o nose como desirle por ejemplo ves que en mi menu se ve los botones pequeños y los tuyos los veo como mas grandesitos en respecto a su altura o nose si es que me equivoco hehe, bueno de todas maneras con tu respuesta me has ayudado.

wanted*

aawww :S sorry sorry por molestarte nuevamente pero sabes como se le hace para agrandar el tamaño de la letra del menu, o sea que el tipo de letra sea más grande?

Rosa

wanted, dentro del código verás esto:
font-size:93%;

Aumenta el numero 93 a uno mayor, el texto se vera mas grande y las pestañas también.

wanted*

muchas gracias me ayudo mucho tu respuesta :)

wanted*

hahahahaha me da muchisima verguensa contigo de verdad mil mil disculpas solo kisiera saber que en mi blog www.lomaswanted.blogspot.com donde ise el menu orizontal si los botones son mas grande q lo q ves ai se pasan para abajo pero como ves es raro porqe tu menu y el de mucho van a lo larrgo de todo la cabecera y el mio no :S solo asta un punto y ya que orror conmigo no? sorry por las moelstias de verdad me ayudarias nuevamente y de verdad con agradecimiento en la paciensia que me tienes enlace tus dos enlaces a mi blog :)

Rosa

wanted* si yo aumento mis botones de tamaño también se pasarán para abajo, se trata de ir encontrando el tamaño justo para que encajen más o menos en la medida correcta.

El_Indignado

Rosa!!!!
No me andan los menus :@
Puede ser que falte cerrar algun codigo en lo que has puesto????

Gracias...

El_Indignado

Ah disculpa....
Falto mi saludo...
Hola...
:P

Anónimo

Hola como esta bien...que bueno lo que haces en colocar codigos en tu blogger te felicito ...pero sabes ,cuando sigo los pasos para el menu depleglable debajo del encabezado me aparece en la parte superior y no debajo del encabezado ,soy nuevo en esto me podria desir como hacer para que apareciera en el ecabezado mejor que dios te de mucha salud y prosperidad es un gusto en conocerte

Rosa

Anónimo, tienes que añadir un elemento adicional en el header que te permita colocar el menú debajo de este. Mira aquí:
http://elescaparatederosa.blogspot.com/2008/05/elementos-adicionales-en-diseo-de-la.html

Rosa

El_Indignado , el código está bien...:-X

Anónimo

Hola gracias por contestarme...te puedo preguntar algo mas como puedo sacar la sombra gris que me queda debajo del menu ,te dejo mi blogger.http://radiosencadena.blogspot.com para que lo mires lo que te piddo Gracias

Rosa

Anónimo, en el código donde ves:
background-color: #C0C0C0;
Cambialo por:
background-color: #AABBAA;

Anónimo

Hola amiga, soy Isabel una maestra que esta intentado diseñar un blog para su centro, pero me he encontrado con un problema, no puedo crear el menú horizontal. He seguido tus pasos y no sale. Si quieres puedes entrar y echarle un vistazo la dirección es http://colegiopadrecollado.blogspot.com/. Si pudieras me gustaría que me ayudaras, pues ando perdida. Mi dirección de correo es yogulom@hotmail.com. Atentamente Isabel
PD. Tienes una página muy completa, enhorabuena por tu trabajo

Anónimo

Hola Rosa Gracias por la mano...te puedo hacer una pregunta mas? bueno...tengo 2 problemas 1 es que coloque el menu pero cuando coloco una informacion o texto en mi blogger al dar clik en (programacion) Ej.no me aparece nada que problema sera? y el 2 es que quiero saber si hay como sacar los archivos que quedan en la columna lateral, quiero que cuando den un clik en ej. (noticias) me aparesca solo en esa parte la informacion y no en la columna lateral, no se si me entendes ha! me llamo yhony y mi blgger es radiosencadena.bolgspot.com ha! te envie un email chau y gracias 1000 sos super...por la mano que me das...saludos

Rosa

Anónimo , no funciona porque no tienes entradas, has de ir publicando entradas y ponerle etiquetas de las que tienes en tu menú.

Rosa

Isabel, he visto tu blog y apenas tiene entradas, exactamente veo solo dos, además para seguir los pasos de este menú, necesitarías que las entradas estuviesen etiquetadas... De todos modos, cuando dices "no sale" te refieres a que el menú no se ve o a que no funciona...

Anónimo

Gracias Rosa por contestar...se que que me vas a matar ,te prometo que es la ultima pregunta torpe...sabes resolvi cambiar de plantilla para ver como queda el menu y no encuentro la posibilidad que me da el otro blogger de ir a la barra superior(de blogger) que tenia para modificar, es como el tuyo solo que no se como hacerc para cambiar no me aparece la barra de blogger ha! me llamo yhony y soy de uruguay Gracias

Rosa

Anónimo, no necesitas la barra de Blogger, ve a https://www.google.com/ y accede desde ahi a tu panel introduciendo tus datos de registro.

Anónimo

Gracias Gracias Gracias Gracias Gracias Gracias Gracias!!!Rosa

Anónimo

Hola rosa soy yo "EL PESADO ANONIMO"nuevamente bueno,espero que estes bien... Te queria pedir si me podes ayudar, coloque una imagen de cabecera en mi blogger que quedo bien con un reproductor que lo podras ver a continuacion en color negro debajo de la imagen ,ok bueno..solo que quiero dejar del mismo color el fondo con el reproductor , ese fondo azul debajo de la imagen de cabecera de color negro entendes lo que necesito una cosa sola del mismo color menos la imagen Gracias espero tu respuesta saludos

CRISTAL FM 107.9

uy!!! perdon por ser tan burro...mi blogger es http://cristalfm1079.blogspot.com ok perdón

Rosa

CRISTAL FM 107.9, eso que quieres cambiar de color es una imagen que está en la plantilla, un gif, para cambiarla habría que usar un programa de dibujo y aplicarle el color que quieres...en la plantilla la imagen está situada aquí:
#header-wrapper {
padding-bottom: 15px;
background: url(http://www.blogblog.com/thisaway_blue/bg_header_bottom.gif) no-repeat $startSide bottom;
}

También podrías incluir el reproductor en el crosscol de la plantilla como en este ejemplo:

Ejemplo

Para eso tendrías que modificar el html para poder usar esa parte (el crosscol):
http://elescaparatederosa.blogspot.com/2008/05/elementos-adicionales-en-diseo-de-la.html

Anónimo

No se si la entiendo, lo que quiero es cambiar el color de cabecera del blogger que es de color azul por el color negro.Perdoneme que le pregunte nuevamente. Gracias

Rosa

CRISTAL FM 107.9, te he entendido, pero la cabecera en esa plantilla está formada por dos imágenes:
#header-wrapper {
padding-bottom: 15px;
background: url(http://www.blogblog.com/thisaway_blue/bg_header_bottom.gif) no-repeat left bottom;
}
#header {
background: #204063 url(http://www.blogblog.com/thisaway_blue/bg_header.gif) repeat-x left bottom;
}

Por lo que abría que cambiar el color de esas imágenes y luego sustituir la url en ese código por el de las nuevas imágenes en color negro, yo no domino ese tipo de programas de diseño, así que no puedo ayudarte...

CRISTAL FM

Hola Rosa. Escribo para agradecerte por la mano que me diste con mi blogger. Perdoname si te moleste. Te invito para que lo visites. La ultima duda que me quedo es ¿porque cuando abro mi blogger aparecen todas las entradas juntas?, solamente dando click en el menu es que las puedo ver cada una en su correspondiente casillero del menu.

cristal

Hola se que estas enojada Rosa pero te pido porfavor que me ayudes por ultima vez,solo me falta este dato el que te mencionaba anterior para terminar mi blogger. Te prometo que no te molesto mas .Gracias

Rosa

Cristal, en primer lugar has de saber que yo no me enojo fácilmente ni por tan poca cosa :-)

Solo es que tengo un problema contigo, no se si es que por ser de distinto país nos expresamos diferente o que... pero tienes que perdonarme ya que la mayoría de las veces no soy capaz de entender lo que quieres decirme...lo siento.

En esta ocasión me ha pasado igual...no he entendido exactamente lo que quieres decir, lo siento. :-$

cristal

Hola Rosa perdon por no expresarme bien,solo queria saber porque el ingresar a mi blogger las informaciones que coloque en cada seccion de mi menu ejemplo:en(INICIO,PROGRAMACION,NOTICIAS,CLASIFICADO)me aparecen todas juntas al comienso, una debajo de otra y no en sus debidas secciones por separado, para poder verlas por separado tengo que dar un clik en una de las secciones del menu,para explicarte mejor fija cuando tengas tiempo en mi blogger http://radiosencadena.blogspot.com Gracias Saludo.

Rosa

Cristal, creo que te había entendido a la primera...solo quería asegurarme.

Verás, eso que me dices es así en todos los blogs de Blogger, incluso en el mio puedes verlo. En la página principal (Inicio) van saliendo todas las entradas que publiques, una detrás de otra, estén en la categoría que estén.
Cuando pinchas en una categoría (el menú está hecho por categorías, label) es cuando se ven los artículos a los que has puesto la etiqueta correspondiente a esa categoría.

Cristhian Amaya Padilla

Hola amiga rosa, me funciono perfecto, pero dime habra forma de quitar lo anuncios que salen cuando hacen click en el enlace

Rosa

Cristhian Amaya Padilla , el problema de tu publicidad no deseada, no es el menú, es el contador de visitas numérico de tu sidebar.
Su código está lleno de cosas como esta:

http://www.juegoszaping.com/contador

http://www.solojuegosdechicas.com

http://www.juegosdecocinar.tv

Anónimo

:S NOSE COMO HACER :$

Global Metion Blog

hey com puedo poner un formulario de comentarios como el tuyo ayudame lo intento y no puedo

Rosa

Global, así:
http://elescaparatederosa.blogspot.com/2008/06/formulario-de-comentarios-blogger.html

OLGUITA

Hola Rosa:
Estoy mejorando mi Blog con detalles como un Menú Horizontal y Vertical LO LOGRÉ !!! EN UN BLOG QUE UTIILIZO PARA HACER PRUEBAS.
1- Mi consulta ahora es porque quiero hacer algo parecido a la presentación de tu blog con respecto al dibujo de fondo... si coloco una foto es muy grando (Se puede modificar de alguna manera??), si coloco el logo del colegi por ej., es pequeño o no lo puedo ubicar... SI ME DAS UNA MANO TE AGRADEZCO !!! MUY ÚTILES TUS AYUDITAS GRACIAS POR COMPARTIRLO ....
2- Para cambiar las dimensiones de las entradas al blog ???? yo pude cambiar el ancho total cde 750 a 950 en el html pero si bien se amplía toda la pantalla no el tamaño de cada entrada ..
Mil Gracias OLGA ..
www.viajediplomatura.blogspot.com

Rosa

OLGUITA, en primer lugar decirte que estás usando una de las plantillas más complicadas para modificar sus dimensiones...si te fijas en la cabecera al ampliarla como has hecho, esta se queda "como partida" y eso es porque en su diseño original se usan imágenes, lo mismo pasa con el cuerpo de entradas y la sidebar ...para modificar en ella cualquier ancho y que quede bien, habría que modificar también esas imágenes que usa en su diseño, con un programa como Photoshop o Gimp...

Solo te lo comento porque solo son pruebas, y aún estás a tiempo de elegir otra plantilla...

Albus Dumbledore

Hola Rosa... :) He hecho lo del Menu Horizontal que explicas en esta entrada:

http://elescaparatederosa.blogspot.com/2007/04/men-horizontal-para-el-blog.html

El único problema es que como tengo varias etiquetas unas me quedan encima de las otras... :( Qué puede hacer, no me importa que quedarán como dos lineas solo quiero que no se vean montadas... No se si me explique... :((

Rosa

Albus, colocas en el menú las etiquetas de la primera fila y debajo vuelves a colocar el mismo código para las de la segunda, es decir como si añadieras dos menús unos debajo del otro.

Aletriz

Hola Rosa,soy Aletriz,quiero pedirte ayuda si puedes,sería decirme qué debo hacer en elpaso 5 de cambiar el código xq n lo encuentro en mis codigos. Este es miblog x si me puedes ayudar.Estoy algo liada.Gracias.

Aletriz

Se me olvidaba es este:
http://aletriz-loencontraste.blogspot.com/

Aletriz

Tendría q abrir un blog para pruebas?Gracias.

Rosa

Aletriz, ¿de que truco exactamente estás hablando? no hay ningún paso 5 para colocar este menú...

Aletriz

Hola Rosa, perdona,es que me equivoqué de tema, lo que quería decirte es que en mi plantilla no encuentro la manera de añadir elementos para el caso de etiquetas.Será x ser dicha plantilla más antigua y que las hay que tengan incorporada esta opción? Gracias y saludos.Poco a poco con tu ayuda me estoy construyendo mi blog a base de leerte, eres maravillosa por compartir tus conocimientos.En un futuro intentaré imitarte,me gusta como a ti enseñar lo que aprendo.

Rosa

Aletriz, tus plantillas son de la nueva versión.

No se si te refieres a añadir el elemento "Etiquetas" en tu sidebar (columna), si es así, has de ir en tu panel a la pestaña que dice "Diseño" y ahí verás que hay unos huecos para "Añadir un gadget" pinchas en uno y en la ventana que se abre hay una opción que dice precisamente eso, "etiquetas" pinchas ahí y listo (si es que era eso, claro):D

jorge

Hola Rosa.. En primer lugar quisiera darte las gracias por tu blog porque a los que no tenemos ni iea nos ayuda mucho. Luego quisiera pedirte que me heches un cable en el diseño.. Llevo unos dia intentado poner las etiquetas en la parte superior, he hecho todo lo que pones aquí pero no me sale si quieres te envio mi blog haber que es lo que tengo mal, o lo que hago mal. muchas gracias

Rosa

jorge, me imagino que hablas de esta entrada...
¿Qué es exactamente lo que no te sale o el problema concreto que te surge?

Agustín C.

me mas q ayudó esto ...al fin mi blog tiene menu...
GRACIAS

xCanibalx

olas rosa este menu esta wenisimo se ve muy bien en mi blog gracias y quisiera hacerte una pregunta
ando buscando un calendario para mi blog no se si
tu tendras algo lo quequiero es algo sencillo
pero no e podido encontrar ninguno los que tengo son con dibujos y reloj pero no es lo que quiero
solo que se vea el mes ojala tengas algo x ahi
saludos y gracias.

Rosa

xCanibalx , pues no tengo nada de eso...creo.:S
Sobre calendarios tengo estas dos entradas:
http://elescaparatederosa.blogspot.com/2008/04/calendario-de-archivos.html

http://elescaparatederosa.blogspot.com/2008/11/calendario-de-archivos-controlado-en.html

Foncho

felicidades rosa !
por tu excelente blog, pero los mas importante
que das una explicacion exacta de como personalisar nuestro blog.
quiero preguntarte como poner el menu debajo del titulo en este "menu horizontal para blog"
porque en este aparece arriba del titulo

gracias

Rosa

Foncho Es cierto...tanto tiempo de esta entrada y nadie me habló del error, si, sale sobre el header :S

Localiza esto en tu plantilla sin expandir artilugios:

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
</div>

Ese es el código que pertenece a la cabecera, pega el código para el menú debajo de ese código.

Cecylya

Rosaa me encanta tu Blog pero...NECESITO AYUDAAAA,,,he intentado hacer un menu horizontal y creo no haberme saltado ningun paso sin embargo me arroja error ...el siguiente que te pego a continuacion: (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: Element type "a" must be followed by either attribute specifications, ">" or "/>".), ya lo he intentado varias veces pero no entiendo en que estoy fallando...ayudaaa plissssssss!!!

Cecylya

Olvide escribir...GRACIAS de antemano =)

Rosa

Cecylya En algún enlace del menú, te falta el cierre </a> al menos es lo que ese error dice...

<a href='url del enlace'>Trucos Blog</a>

Gast_PSC

Hola Rosa estoy siguiendo tus pasos para poner el menu y lo consegui. El tema es que mi idea es que no tengan submenues. MI pregunta es si se puede poner en una misma osolapa varias entradas asi cuando uno aprieta en la misma salen todas las que quiero reagrupar ahi.

Ej. Si creo la solapa "Noticias" me gustaria que al clickear salgan todas las entradas que hice. ¿Es posible eso? Gracias

Rosa

Gast_PSC Si pinchas sobre la etiqueta que sea, por ejemplo Noticias, en el nevegador veras una url como esta:
http://pscfutbol.blogspot.com/search/label/Noticias

Es lo que has de colocar en el menú en el enlace de Noticias y si, saldrán todas las entradas que tengan añadidas esa etiqueta.

Cecylya

graciasss Rosa al fin pude poner el menu...es una maravilla que existan blogs, como el tuyo que nos permitan a personas como yo personalmente que soy un cero al izquierda pa esto de la computaciòn... tengo una sonrisa de oreja a oreja jajaja =)

Rosa

Cecylya Mi sonrisa está igual... :D ¡me alegro mucho por ti!

Cecylya

Rosa Holaa espero que estes muy bien..yo aqui de nuevo molestando tengo dos consultas...la primera como te escribi anteriormente puse el menu esta quedando lindo...pero hay alguna posibilidad de ponerle inicio al principio?? me explico para que vuelva al inicio de la pagina...y la segunda tengo una publicidad de google que sale siempre abajo de cada entrada....y no se como sacarla =(
disculpa las molestias un besoteee y un gran abrazo a la distancia!!!Gracias de antemano.
La Cecy.

Rosa

Cecylya Tendrías que colocar una pestaña, tal como hiciste las otras, al comienzo de todas las demás (antes de la de Pablo Neruda) colocando esto:
<li><a href='http://cecylyaa.blogspot.com/'>Inicio</a></li>

Para los anuncios buscas esto en la plantilla con los artilugios expandidos y lo borras:
<script type="text/javascript"><!--
google_ad_client="pub-6633352924536684";
google_ad_host="pub-1556223355139109";
google_ad_width=300;
google_ad_height=250;
google_ad_format="300x250_as";
google_ad_type="text_image";
google_color_border="000000";
google_color_bg="000000";
google_color_link="FFFFFF";
google_color_url="FFFF66";
google_color_text="FFFF66";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Fantasi

No me funciono lo de el menu horinotal en mi blog

Rosa

Fantasi Es el menú más sencillo yo creo de todos los que he publicado, y si haces los pasos de forma correcta, funciona en todos los casos y en todas las plantillas...

Marga

Buenos días Rosa !!

Estoy poniendo este menú en un blog de pruebas y quería preguntarte la forma de que al pinchar en la pestaña, en lugar de mostrar todas las entradas enteras, mostrara sólo los títulos y después poder pinchar en el que nos interese ver.

Gracias !!!!
Marga

Rosa

Marga El menú enlaza con lo que está en el blog, tal como lo tienes diseñado.
Para hacer eso, tendrías que enlazar una pestaña con la etiqueta que sea, pero antes haber aplicado en el blog el "títulos expandibles en etiquetas":
http://elescaparatederosa.blogspot.com/2007/04/ttulos-expandibles-en-los-post-de-las.html

Virginia Yépez

Hola Rosa, soy Viryi te escribo desde Venezuela, tus explicaciones en Html son tan fáciles que no me imagino lo complicada que son...jejeje
Bueno ya coloque el detalle del Menú horizontal, era lo que buscaba, pero ahora mi "gran problema" (para mi lo es) es que no me muestra las ediciones de los enlaces, explico mejor mi pregunta. Qué son en realidad las etiquetas, me puedes ayudar un poquitin mas... gracias. Eres genial.

Rosa

Virginia ¡Encantada de leerte aquí cielo!;)

He visto el menú en tu blog y en realidad en los enlaces puedes colocar lo que sea, por ejemplo, algo como "Sobre mi" y ahí poner el enlace a la pagina de tu perfil en Blogger...

La etiquetas, se añaden a cada entrada cuando las editas para publicarlas, si tienes marcada la opción de mostrarlas (Edicion-Entradas del blog)se ven debajo de cada entrada, o puedes tenerlas como yo arriba en foma de nubeo utilizar el gadget de Etiquetas de Blogger... en fin, son una especie de categoría.

Si yo etiqueto varias entradas con "fotos" y luego coloco el enlace a la etiqueta fotos en el menu, saldrán todas las entradas etiquetadas ahí...

Cecylya

Rosa Hola..hace un tiempo te pedi ayuda con el menu horizontal me resulto de maravilla...mi pregunta ahora es la siguiente no puedo hacer un menu muy largo porque se montan los nombres no se si me explico...como podria hacer para agrandar el menu, quisiera poder poner muchas mas autores...espero haberme explicado bien de antemano gracias =)...ahh anteriormente te habia comentado que me sale una publicidad de google he intentado sacarla siguiendo los pasos que me habeis dado pero no lo consigo.

Rosa

Cecylya Podrías repetir otro menú idéntico debajo del que ya tienes, así daría la sensación de ser el mismo y creo que no uedaría del todo mal...otra cosa no puedes hacer ya que tu blog es bastante estrecho.
Para eso tienes que copiar todo el CSS del menú debajo del que ya tienes y añadir por ejemplo un 2 en cada:
#navcontainer2

Y luego haces lo mismo con el HTML (donde van los enlaces) cambias navcontainer por navcontainer2
Usa vista previa antes de guardar...

En cuanto a la publi, sale de uno de los contadores, esos contadores gratuitos aunque no lo digan la incluyen todos y cuando el blog alcanza un cierto número de visitas se dispara...

w

Hola Rosa, el tuyo es un blog interesantísimo.
Estoy intentando colocar una simple linea delgada q separe mi pagina en 2. Algo parecido a lo q tu tienes aquí pero no punteada.
Podrias explicarme los pasos?

Un enorme gracias para ti

Rosa

w Mira aquí :D
http://elescaparatederosa.blogspot.com/2007/05/barras-horizontales-de-separacin.html

- Bella -

T^T hola rosaaa! Mi problema es el siguiente. Quise poner un menú horizontal que requiere de un gadget debajo de la cabecera. El problema es que se queda en medio, no debajo. Intenté mil cosas para bajarlo y que se quede entre la cabecera y las entradas del blog pero no hay manera. ¿Se te ocurre que puedo hacer?

Gracias!!!

Rosa

-Bella- Trata de usar el crosscol para eso:
http://elescaparatederosa.blogspot.com/2008/10/aprovechando-espacios-en-la-plantilla.html

Sergio

Buenas Rosa, soy nuevo en esto de los blogs jeje, tengo un problema como podras ver, en mi blog, http://ganarsinriesgo.blogspot.com lo tengo todo medio organizado, pero en el menu, quisiera que el fondo en vez de azul fuera negro, los cuadros en vez de azu fueran rojos, y las letras dejarlas en blancas, que puedo hacer?. Un saludo

Rosa

Sergio Esos cambios se hacen en el código CSS del menú... cambiando el código de los colores por los que vas a usar.

Publicar un comentario en la entrada

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S