En otro post expliqué cómo poner un menú horizontal en el blog. Vi en varios blogs que lo implementaron pero el color gris del menú no combina con la plantilla de su blog. Así que hice más botones de distintos colores para que tengan más variedad en el diseño.
Todos tienen el mismo efecto que cambia de color al pasar el mouse sobre él. Las indicaciones son las mismas del post anterior, sólo hay que cambiar el código que va antes de ]]></b:skin> por uno de los siguientes, dependiendo del que más les guste:
Todos tienen el mismo efecto que cambia de color al pasar el mouse sobre él. Las indicaciones son las mismas del post anterior, sólo hay que cambiar el código que va antes de ]]></b:skin> por uno de los siguientes, dependiendo del que más les guste:
/* Menú horizontal
----------------------------------------------- */
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(http://lh3.ggpht.com/_dsEG33PDaHw/Sk0PpgVjCmI/AAAAAAAAABo/1ngE9K8oKUM/s128/lefttabbed-blue.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(http://img514.imageshack.us/img514/9711/tabbedblue.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}
#menu a:hover span {color:#fff;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
.clear {clear:left}
/* Fin del menú */
/* Menú horizontal
----------------------------------------------- */
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(http://lh5.ggpht.com/_dsEG33PDaHw/Sk0Ppu0JhrI/AAAAAAAAABs/t0vZPWdFl38/s128/lefttabbed-green.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(http://img27.imageshack.us/img27/945/tabbedgreen.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}
#menu a:hover span {color:#fff;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
.clear {clear:left}
/* Fin del menú */
/* Menú horizontal
----------------------------------------------- */
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(http://lh4.ggpht.com/_dsEG33PDaHw/Sk0PpoN4alI/AAAAAAAAABw/8ednVAn295Q/s128/lefttabbed-purple.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(http://img514.imageshack.us/img514/7015/tabbedpurple.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}
#menu a:hover span {color:#fff;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
.clear {clear:left}
/* Fin del menú */
/* Menú horizontal
----------------------------------------------- */
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(http://lh3.ggpht.com/_dsEG33PDaHw/Sk0Pps0fcVI/AAAAAAAAAB0/HN5FX_MoRMU/s128/lefttabbed-red.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(http://img27.imageshack.us/img27/9168/tabbedred.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}
#menu a:hover span {color:#fff;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
.clear {clear:left}
/* Fin del menú */
/* Menú horizontal
----------------------------------------------- */
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(http://lh5.ggpht.com/_dsEG33PDaHw/Sk0PpvhhHeI/AAAAAAAAAB4/-BK98lkjqZs/s128/lefttabbed-yellow.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(http://img34.imageshack.us/img34/5144/tabbedyellow.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}
#menu a:hover span {color:#fff;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
.clear {clear:left}
/* Fin del menú */
Enlaza este blog
Suscribirse al feed
Suscribirse por e-mail
Agregar en tu iGoogle
Seguir en Twitter
Unirse en Facebook
Enviar un correo
Iconos RSS.PNG)
Música JPZ
100 comentarios:
Que gran truco.
La verdad a mi no me gustaba el gris, no era llamativo, pero este es mucho mas llamativo.
Saludos
Pues a modo personal yo prefiero el gris =P
Pero sé que no a todos les gusta.
Saludos.
Oye, estabha viendo el post Filtrar IP en Google Analytics
y me parecio muy bueno.
Pero lo intente y no acepta mi cuenta de google, ¿Que puedo hacer para que acepte mi cuenta?
Hola el venado,
No entiendo muy bien, ¿no puedes entrar a Analytics con tu cuenta o no puedes registrar tu blog en Analytics?
¿Qué error te marca?
aqui esta el texto completo potro.
Verificación de cuenta necesaria
La cuenta a la que estás intentando acceder aún no está activada. La dirección de correo electrónico asociada debe verificarse. Para comprobar que la dirección de correo electrónico asociada con tu cuenta es correcta, Google ha enviado un mensaje de correo electrónico a esa dirección. Para activar tu Cuenta de Google, accede a tu correo electrónico y visita la URL de verificación suministrada.
Pues está claro, te mandarán un correo con un link de confirmación para que compruebes que esa cuenta es tuya. Sólo debes esperar a que te llegue el correo a la dirección que diste.
Eso sólo ocurre cuando ingresas a un servicio de Google con un correo que no está registrado con ellos, pero si entras con el mismo correo con el que entras a tu blog no debes tener ningún problema.
Saludos.
Sin duda son muy llamativos. Creo que lo que hace que queden bien en todos los colores es el buén diseño de la solapa.
Un abrazo!!!
Gracias brother.
Saludos.
Me gustan, quería comentar que Dreamweaver también trael algunos botones de este tipo ya instalados. Para aquellos que estén con lo del diseño.
Saludos
Muchas gracias por el dato.
Saludos.
Gracias por compartir conocimientos, realicé los botones para el menú horizontal, hay dos puntos para personalizar, el nombre del botón, y la url, ese es el punto, cómo se la url de una entrada, o se refiere a otra url. muchas gracias
Hola Graciela,
La URL del enlace será según a dónde quieras que el botón enlace, puede ser una entrada, una etiqueta o una página, si es una entrada o una etiqueta haz click con el botón derecho del mouse sobre el título de la entrada o etiqueta y da click en Copiar la ruta del enlace, esa será la URL que debes poner en el botón.
Saludos.
hola, yo molestandote de nuevo jaja, tengo una duda, cuando escribo un texto un poquito largo como por ej: contactate conmigo como que la imagen ser parte, nose si me explico? hay forma de solucionar eso?
graciass
Hola Ezequiel,
Ya he modificado el largo de los botones para que quepan frases más largas, vuelve a copiar y pegar el código del botón y deberá solucionarse.
Saludos.
Ya lo dije una vez, y ahora lo vuelvo a repetir GENIO jajajaj
y llego lo de feedburner, se te agradece mucho
saludos
Hola Ezequiel,
Me alegra que ya esté solucionado todo =)
Saludos.
Hola! Estoy implementando el menú, lo encontré muy sencillo y útil, además que me gustó el diseño azul. Pero quisiera saber cómo puedo invertir los colores... es que me gustó el azul oscuro como color principal y el azul claro cuando se pase el mouse sobre él.
Ojalá puedas ayudarme, muchas gracias!
Hola Club de Ajedrez,
Ya he cambiado el color del botón, usa este código en lugar del otro:
/* Menú horizontal
----------------------------------------------- */
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(http://i25.tinypic.com/316m0hw.png) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 4px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(http://i31.tinypic.com/vsc3n4.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}
#menu a:hover span {color:#fff;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
.clear {clear:left}
/* Fin del menú */
Saludos.
Hola El Potro, primero BRUTAL CONTRIBUCIÓN A LA COMUNIDAD BLOGGERA.
Segundo, he estado dándole vueltas a lo de añadir un menú superior pero con los botones ya creados, es decir, sin añadir pedazos de botón y luego un texto. La cosa es que ya tengo las imágenes que van a ser los botones y el texto están incrustado.
Sé que es de tontos, pero no tengo ni idea....
Hola Juansaman,
Si los botones ya tienen incluido el texto sólo entra a Diseño > Elementos de la página > Añadir gadget > HTML/Javascript y ahí pega esto:
<a href="URL del enlace"><img src="URL del botón"/></a>
Repite esa línea por cada botón que agregues, sólo cambia la URL del enlace y la URL de botón. Luego arrastra ese elemento abajo de la cabecera o en el lugar donde quieras tener el menú.
Saludos y muchas gracias por tus comentarios!
OK, perdona pero no me he explicado muy bien.... Tengo los botones y todo el menú de botones creados, pero mi problema es de ubicación. Quiero que salga bajo el header o título del blog, antes de la primera entrada....
Hola Juansaman,
Puedes ubicarlo de dos formas, una es que abras un elemento HTML/Javascrit como te dije y luego ese elemento lo "arrastras" hasta abajo de la cabecera.
O si lo prefieres hacer directamente en la plantilla entra a Edición de HTML y pega el código del menú antes de la etiqueta:
<div id='content-wrapper'>
Si quieres que el menú esté centrado enciérra el código del menú entre <center> y </center>
El código del menú es como te dije en el comentario anterior.
Cualquier cosa me comentas.
Saludos.
¡Vale, ha sido de estúpidos! No sabía que podía arrastrar hasta justo debajo de la cabecera. Ahora ya está perfecto. ¡Gracias amigo!
Disculpa el doble post, pero necesito algo de ayuda extra recolocando mis secciones, si no te importa te invito a echar un vistazo a lo que tengo hecho (he decidido finalmente meter el menú de enlaces en el lateral), sobre todo el código. Mi problema está con el lateral izquierdo: solo puedo meter una sección (gadget), lo demás se queda eternamente en el inferior.
¡Muchas gracias, crack!
Triple post: :P http://juansaman.blogspot.com/
SOrry!
Hola Juansaman,
Eso debe ser porque tienes un elemento más grande de lo que debería ser, en este caso la imagen que tienes al principio (Sota's hall of fame), el ancho de tu barra lateral es de 220px y esa imagen tiene 263px de ancho. Redúcela a 220 y deberá regresar a su lugar la barra lateral.
Saludos!
Hmmmm. Acabo de revisarlo bien, si bien es cierto que la imagen es más grande que el ancho donde la estoy incrustando, tenía asignado el ancho de imagen a 200 ¿¿?? De todas formas, he cambiado la imagen, y nada, la he eliminado y nada.
He revisado el ancho de las otras imágenes y están todas a 150.... He eliminado el widget del HTML donde están las imágenes, con lo que desaparecen y sube la siguiente sección, pero lo demás se sigue quedando abajo. He comenzado a comentar uno a uno todos los widgets y el resultado ha sido siempre el mismo..... Es muy interesante, la verdad. Es como si el sidebar abarcara todo el cuerpo del blog a partir del header o algo así.
He revisado el div id='sidebar-wrapper' y el .sidebar { así como el Profile que me daba sospechas, pero tampoco he resuelto nada, y lo siguiente que he hecho ha sido irme a beberme toda la cerverza del primer bar que he encontrado porque ya no doy pie con bola. Misterio misteriosooooo....
Jajajaja, será más difícil que encuentres los códigos si estás borracho, pero seguro estarás más inspirado.
¿Haz hecho alguna modificación reciente a la plantilla?
Haz un respaldo de la plantilla y mándamela a admin@ciudadblogger.com
Pero coméntame qué cambios has hecho al código.
Saludos.
Amigo mío, gracias a estar marcándote el script con mis modificaciones, he encontrado el fallo. ¿Estás sentado? Ahí va: Había comentado una línea antes del #sidebar mal (*/ en vez de /*) y todo se iba al garete.....
Muchas gracias por tu apoyo, y ten por seguro que vas a aparecer mencionado como uno de los pilares que hizo que nuestro blog funcionara.
Gracias por todo, Potro.... Como dije antes, eres un crack y ten por seguro que volverás a oir de mi.... Muajajajaja.
Jajaja, es increíble pero cierto, una simple letra puede alterar todo el diseño del blog.
Gracias a ti por visitar esta página y cualquier cosa que necesites estoy para servirte.
Mucha suerte con tu blog y con las producciones.
Saludos!
Hola Potro. Muy buenas tus sugerencias. Los hemos aplicado con éxito.
Quisiera saber cómo hago para poner las pestañas horizontales con un fondo negro y texto blanco.
Muchas gracias
Hola CIM Cocinas Integrales,
Necesitarías editar las imágenes para cambiarles el color del botón, para ello necesitas un programa de diseño como Photoshop.
Para cambiar el color del texto del botón busca en estos códigos esta parte:
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000;
Cambia lo que está en negrita por color:#fff; para que cambie de negro a blanco.
Saludos!
Hola Potro, haber si me pedes ayudar he copiado el código que aqui especificas y no me da resultado para que las pestañas sean azules, también quería preguntarte como hago para que las entradas del blog tengan letra blanca para que se puedan leer, porque al cambiar la plantilla ahora sólo se ven si selecciono el texto. Te mando el enlace de mo blog: http://todoculturayociodeburgos.blogspot.com/2010/01/burgos-bajo-la-tierra-inundada.html
Muchas gracias de antemano
Hola Blogs de Christian, GCC.,
Los códigos para estas pestañas son para el menú que se menciona al inicio de esta entrada, al parecer el que tú tienes es el horizontal deslizante.
Para cambiar el color del texto de tu blog busca esta parte:
body {
background:#383d43;
margin:0;
color:#bcc4c7;
Cambia donde dice color:#bcc4c7; por color:#FFF;
Saludos.
Muchas gracias por lo de las pestañas, las letras se ven un poco más pero no son blancas del todo, que podría hacer??? También me gustaría cambiar las pestañas, que venian con la plantilla y que están encima de las que he puesto yo, que debo hacer??
Gracias por todo Potr
Debe quedar así:
color:#FFF;
Y tú lo tienes así:
color:color:#FFF;
Las pestañas de ese menú, así como el fondo de ese menú son imágenes, tendrías que editarlas para poder darles otro aspecto, o bien, eliminar las imágenes y dejarlas sólo con color.
Saludos.
Ya lo he puesto como dices, pero se sigue sin ver, de todos modos gracias.
En esa área es donde se modifica el color del texto del blog pero desconozco qué cambios habrás realizado anteriormente que ocasionaron que las letras no se vean.
Saludos.
Por cierto que sólo no se ven en ciertas entradas.
¿Ya revisaste que en los posts donde no se ven no tengas un color diferente para las letras?
He borrado el formato, y así ya he arreglado lo del texto. ¿Cuando me mecionabas " Las pestañas de ese menú, así como el fondo de ese menú son imágenes, tendrías que editarlas para poder darles otro aspecto, o bien, eliminar las imágenes y dejarlas sólo con color" como lo realizo??? Gracias
Se me olvidaba , acerca de lo del texto, lo que te decía del formato lo he hecho en la edición de una sola entrada haya alguna forma de hacerlo en todas a la vez???
Tienes que arreglar cada entrada por separado.
Para lo del menú busca desde donde dice:
#navigation{
Ahí verás dos background con la URL de una imagen, sería cambiar todo eso por:
background:#0174DF;
Ahí puedes cambiar el código del color por el que quieras.
Muchas gracias por todo
Hola Potro, la verdad que estoy eternamente agradecido, porque hacés que los que no sabemos nada de programación nos sintamos útiles, todo lo que has explicado me ha servido mucho. Te hago una consulta como puedo hcer para que mi menú tenga el mismo color que el banner del blog?
Te invito a que entrés para saber si me podés dar una solución.
Desde ya gracias.
Hola Grito Deportivo,
Pues eso se logra editando las imágenes del menú con un programa de diseño pero me parece que en tu caso no es necesario, ya que le menú combina perfectamente con la cabecera de tu blog.
Saludos!
Si, gracias por la pronta respuesta, cuando te escribí era porque había sacado tu menú, el primero de azul, y después encontré el otro que pasaste y quedó genial.
Ya que estoy aprovecho, ¿como hago para que por cada entrada no me aparezca toda la nota, sino una parte y si le interesa al lector, que pinche para leerla entera? Espero tu respuesta.
Gracias.
Puedes usar la opción de Leer más que ofrece Blogger:
http://chicablogger.com/leer-mas-en-blogger-%C2%A1al-fin/
Saludos.
Hola!!!; primero que todo, felicitarte por traducir a la gente simple como nosotros, ese chino de la edición html que a veces da dolor de cabeza jejeje; segundo, sólo quería saber, cómo redactar el código para que el menú me quede con botones personalizados, es decir, por ejemplo, una figura u otro botón (para no ser tan copiona), y eso...intenté hacerlo hace un rato pero me imagino que no era solamente llegar y reemplazar las url. Bueno un abrazo y gracias de antemano!!!!
Hola Catherine,
Estos botones están hechos con dos imágenes, esas dos imágenes están en dos URL distintas dentro del código, por lo tanto tus botones tendrían que estar igual, hechos en dos partes y luego remplazar las URL.
Saludos!
HOLA LOQ UE PASA ES QUE LA BARRA ME SALIO ARRIBA DELA CABECERA
MIRA
planetaverde-ok.blogspot.com
Entonces pega el código del menú en un gadget HTML/Javascript y lo pones debajo de la cabecera, así como hiciste con el mensaje de marquesina que tienes.
Hola Potro, tu menú de pestañas azul me ha quedado muy bien, pero tengo un problema. Mi plantilla tiene un menú sobre la cabecera y entre las pestañas me ha salido un borde azul que no tenía, ¿que crees que ha podido ocurrir?. La plantilla es Barcia y mi Blog redecoideas.blogspot.com
Gracias por adelantado
Un saludo
Hola Manitas,
El problema es que ambos menús tienen la misma ID, por eso toma parte de las imágenes de este menú.
Para solucionarlo busca en tu plantilla esto:
<div id='menu'>
<ul id='nav'>
Y cámbialo por esto:
<div id='menu2'>
<ul id='nav'>
Saludos.
Gracias por responder tan rápido Potro, ya está todo ok.
Mis mas sinceras felicitaciones por tu Blog. Nos ayuda mucho a los que sabemos poco por tus explicaciones fáciles de entender.
No nos dejes nunca, necesitamos a gente tan fantástica como tu.
Un abrazo
Gracias a ti por tus comentarios y por tu visita.
No sé si sea mucho lo que ayudo, pero lo poco o mucho que hago lo hago de corazón.
Un abrazo.
Saludos!!! No hay manera; a mi me sale en vertical y tipo checkbox, sin botones.
He hecho dos pruebas; una me sale en la cabecera directamente y la otra he copiado en el sidebar para ubicarlo.
Las dos pruebas me salen en vertical.No te asusutes que vas a ver el blog que tengo para pruebas.
Te dejo la URL:http://nynensayos.blogspot.com/ para que le des un vistazo cuando buenamente puedas.
¡¡¡Gracias anticipadas por tu ayuda!!!
☻/
/▌
/ | *´¨)
...¸.•´¸.•*´¨) ¸.•*¨)
(¸.•´ (¸.Nyn•*♥
Pues es bastante raro sobre todo porque es en la plantilla Mínima y en esa no debería haber ningún problema.
Sólo se me ocurre pensar que quizá alguna modificación que hayas hecho en la plantilla podría estar afectando el menú.
Te sugiero que hagas otra prueba en un blog nuevo de pruebas para verificar si es la plantilla o algún otro problema.
¡Saludos!
Pd. Me encantó tu firma ;)
Gracias por la respuesta y por lo de la firma! Podrà ser el problema que tengo varias pruebas de menùs en la plantilla??? Digo!!! Lo intentarè de nuevo y en otra; ya te diré! Te dirè que todo lo que he probado hasta el momento, està ok!!! Chapò por las ayudas!!! Una cosita... como hago para poner una imagen como tu tienes con la cervecita??? La del formulario de comentarios si me saliò; para la cervecita no tengo ni idea!!! Gracias anticipadas de nuevo; y ahì va otra!!!
_______________________¶¶____¶¶____¶¶
________________________¶¶____¶¶____¶¶
_________________¶¶______¶¶____¶¶____¶¶
__________________¶¶¶¶_____¶¶____¶¶____¶¶
_____________¶¶______¶¶_________________¶¶
______________¶¶¶¶______________________¶¶
________________¶¶¶___________¶¶________¶¶
_________________¶¶_____¶¶_____¶¶______¶¶
__________________¶¶_____¶¶____________¶¶
__________________¶¶___________________¶¶
_____¶¶___¶¶______¶¶____________¶¶_____¶¶
______¶¶__¶¶______¶¶____¶¶_____¶¶_____¶¶
_______¶¶_¶¶_______¶¶______¶¶¶¶¶_____¶¶
______¶¶¶¶¶¶¶_______¶¶______________¶¶
_____¶¶¶¶¶¶¶¶¶¶_______¶¶¶¶¶¶¶¶¶¶¶¶¶¶__¶¶
_____¶¶¶¶¶¶¶¶¶¶___________¶¶___________¶¶
_______¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶____________¶¶
__________________________¶¶_____________¶¶
__________________________¶¶______________¶¶
Podría ser por los otros menú de pruebas que tienes, es por eso que sería bueno probarlo en un blog que no tenga nada.
Lo de la cerveza se agrega entre las entradas, hay un post sobre cómo agregar separadores entre las entradas, con esa misma explicación puedes poner donde se indica la imagen que quieras.
Saludos.
Gracias, estoy en ello!!! Ahora estoy loca con los cripts y los titulos de las entradas!!! LLevo ya horas...!! Ya te dirè!!! Nos vemos!!!
Hola Potro, he colocado el menú que nos enseñaste pero ahora deseo linkear cada uno con una página que cree en el blog, el problema que cuando creo la pág, y le coloco nombres aparecen en el blog, cómo hago para que no aparezcan y reemplazarlas por el menú?
Hola Alejandra,
Primero obtén las URL de las páginas y agrégalas al menú que quieres. Ya que tengas todo listo ve a Diseño > Elementos de la página y elimina el gadget de páginas para que no tengas duplicado ese menú.
Gracias por tu pronta respuesta !!
Nuevamente, te hago otra consulta, en cada entrada me aparece arriba un "globito" que es un contador de los comentarios, cómo puedo eliminarlo ?
Depende de cada plantilla, necesitaría saber en cuál blog tienes ese icono y así poder decirte cómo quitarlo.
Hola Potro, te paso el link del blog que estoy construyendo:
http://ldya2010.blogspot.com/
Cualquier sugerencia será bienvenida !
No pude ver el blog, lo tienes habilitado como privado sólo con invitación.
Ahora sí.
Bien, entra en Diseño > Edición de HTML, expande los artilugios y busca este código:
<span class='comment-bubble'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
</b:if>
</span>
Elimínalo y dale Vista previa, si ya no se ve guarda los cambios.
Ojo, ten en cuenta que en tu plantilla debe haber dos códigos muy parecidos a ese, para estar segura que eliminarás el correcto verifica que el código que borrarás tiene lo que he puesto en negrita.
Saludos.
Hola Potro ! nuevamente acudo a vos, cómo hago para publicar entradas en las páginas que tengo creadas? En "nueva entrada" no aparece la opción de crearla en una pág. determinada...
Hola Alejandra,
En las páginas no se pueden agregar entradas, sólo se puede agregar el contenido de la página y ya.
Y en las entradas es igual, sólo puedes agregar contenido para las entradas pero no puedes incluir páginas en ellas.
Saludos.
Gracias por tu respuesta, entonces cuál es el camino para organizar mi blog con varias pestañas y
poder ingresar entradas en c/u? Te agradezco tu predisposición. Saludos.
Hola de nuevo Alejandra,
Te explico brevemente pues en la próxima entrada haré un artículo un poco más explicativa sobre el tema.
Primero debes ponerle etiquetas a tus entradas, en la parte de abajo de la edición de entradas está en campo para poner las etiquetas, puedes poner una que se asemeje a la categoría de la entrada, por ejemplo 'Viajes'
Luego usa un menú por ejemplo este horizontal; en las URL de los enlaces usarías la URL de cada etiqueta, por ejemplo una pestaña enlazaría a la etiqueta 'Viajes' por lo que cuando un lector haga click en ella abrirá todas las entradas que tengan la etiqueta 'Viajes'
Para saber cuál es la URL de tus etiquetas pon desde Elementos de la página el gadget que se llama Etiquetas. Ya puesto sólo da click con el botón derecho sobre el nombre de una etiqueta y selecciona 'Copiar dirección de enlace' (o algo parecido) y esa será la URL que debes usar en el enlace del menú.
Saludos!
Gracias !! lo estaré probando a ver qué sale... saludos.
Hola, he probando lo que me indicas, y te consulto:
1.las entradas se publican también en la pag. principal, cómo las saco?
2.agregué el gadget de las Etiquetas (menú izq. del blog) dsde allí copia las URL para colocarlas en el menú horizontal pero no funciona.
te paso el link del blog
http://ldya2010.blogspot.com/
p/d he intentado copiarte el HTML del menú horiz pero no me deja
Las entradas siempre aparecerán en la página principal pues así es como funcionan los blogs, no puedes quitarlas sólo cambiar el orden de ellas.
Ya acabo de publicar una entrada sobre cómo hacer el menú de categorías para que te guíes más fácil:
http://ciudadblogger.com/2010/06/menu-de-categorias.html
¡Saludos!
Potro ahora te moleto acá... hay manera de alinera el emnú horizontal con la cebecera?
Por defecto todos los menús se alinean a la izquierda y se van extendiendo a la derecha conforme el contenido que se les ingrese, aunque yo lo veo centrado ;)
Si, es verdad pero queda desparejo... le puedo dar el mismo tamaño a todas ñas pestañas?
Las pestañas se adaptan al contenido del texto de la pestaña, si pones todos los textos con el mismo largo tendrás las pestañas del mismo tamaño.
ok, Gracias
Potro te hago una consulta, no sé si este es el lugar. Después de que toqué la plantilla, me parece que algo cambié de lugar porque al comienzo de cada párrafo aparece automáticamente... span id="fullpost"
y al finalizar cada párrafo /span.
Qué puedo hacer para que solo aparezca en el primer párrafo como lo tenía antes.
Gracias
Eso me parece que es del truco de leer más sólo en algunas entradas.
Probablemente fuiste a Configuración > Formato > Plantilla de entrada y ahí es agregado un código, ese código debes eliminarlo sino deseas que aparezca automáticamente en todas las entradas.
Gracias... lo re instalé y quedó bárbaro. Creo que mi blog ha quedado bárbaro. Se agradece tu tiempo y dedicación para con aquellos que poco entendemos de HTML.
Un millón de gracias
Gracias a ti por tu confianza y tu visita.
Ha sido muy útil tu página. Te hago una consulta respecto del tamaño de la pestaña ¿hay forma de hacer los botones más grandes, más altos? El tamaño de la letra ya sé como cambiarlo pero no se el tamaño del botón o pestaña. Muchas gracias
En cada código verás dos URL (direcciones Web), esas URL son las imágenes, tendrías que editarlas con un programa para hacerlas más grandes y luego subirlas de nuevo a la red.
¡Graciaaaaas!. Queda muy bien. Mi blog es una web jaja. ¿Qué les parece? www.jungcolombia.blogspot.com
Te ha quedado muy bien ;)
Buenas Potro,
Cambié el color de las cajas del menú, pero el problema es que cuando introduzco un nombre para alguna de ellas, algunas cajas se quedan con un fondo azul (el código que yo copié)y otras con el fondo de mi propio blog.
¿Qué puedo hacer?
un saludo y mil gracias, como siempre
Supongo que estás usando un texto muy largo, si es así entonces sucede que el tamaño de la imagen alcanza un máximo y ya no se puede seguir mostrando, tendrías que usar un texto más corto.
Saludos.
Hola Potro.
Soy neófito en esto de los blogs y más aún en la informática y también un poco torpe.
Tengo dos problemas.
El primero es que cree mis propios botones y siguiendo las instrucciones que le das a Juansaman en el mensaje número 20 ya los tengo operativos pero no tienen ningún efecto de resaltado cuando se pasa el ratón sobre ellos, ¿podrías decirme que etiqueta-s debo poner y donde para conseguirlo?
Lo segundo es que algo hice mal ya que en el cabecero del blog puse una foto que cambia aleatoriamente y al borrar el nombre del blog en el cabecero también lo he borrado del blogger por lo que ahora mismo mi blog está sin nombre, tan solo tiene una dirección.¿Cómo puedo solucionarlo?
Muchas gracias de antemano y un cordial saludo
http://fotosricardo-h.blogspot.com/
Hola ricardo,
En el caso de Juansaman él sólo quería un menú de imágenes sin efectos, algo distinto a lo que se menciona en esta entrada.
Para tener tus botones con efecto con el menú de pestañas hotizontales busca las dos URL que se encuentran en cualquiera de estos códigos y verás que corresponden a dos imágenes, cada una es complemento de la otra, lo único que tienes que hacer es crear tus botones en base a esas, luego subirlas y cambiar las URL de esas imágenes por las tuyas.
Respecto a lo otro, ponle el nombre a tu blog, luego usa este truco para eliminar el nombre.
Saludos.
Hola, Potro.
Tengo el menú de botones que hay al principio de éste post. Los botones de color amarillo, concretamente. El caso es que he hecho algunas modificaciones en el menú, pero los botones quedan alineados a la izquierda y no consigo que queden centrados debajo de la cabecera. Por favor, me podrías echar una mano.
Gracias y saludos.
Mi blog: http://fotoslombardo.blogspot.com/
Hola Agustín,
Estos menús para su buen funcionamiento siempre se alinean a la izquierda, aunque puedes hacerle una pequeña modificación para que se corra a la derecha hasta que se centre como quieres. Sólo busca al inicio del código del menú esta parte y agrega lo que está en negrita:
<div id='menu' style='margin-left:100px;'>
Ese número 100 hará que se haga a la derecha, si queda muy a la derecha ponle un número más bajo hasta que quede como deseas.
Saludos.
Perfecto, ahora quedan centrados los botones.
Muchas gracias, por tu pronta respuesta y por tú gran labor, que nos estás ayudando a muchos que no tenemos ni idea de programación.
Un abrazo.
Hola Potro
Te he querido contestar pero esto no me permitía publicar el comentario una vez editado.
He intentado hacer lo que me dices pero he sido incapaz de conseguir cambiar los botones que creé por los tuyos, ya te dije que soy bastante torpe.
¿Quizás hay que crear uno extra largo sin texto en un color y otro igual de largo de diferente color? ¿es así? ¿en qué sitio exacto hay que sustituirlos y si no estoy en lo cierto ¿qué debo hacer?
Te agradecería que me concretaras más. Yo ya tengo creados todos los botones en dos colores.
Gracias por todo.
Un saludo.
Ricardo
Hola ricardo,
Los botones están hechos en dos partes, y esas partes son estas, esta:
http://lh3.ggpht.com/_dsEG33PDaHw/Sk0PpgVjCmI/AAAAAAAAABo/1ngE9K8oKUM/s128/lefttabbed-blue.PNG
Y esta:
http://img514.imageshack.us/img514/9711/tabbedblue.png
Si te fijas en ambas hay dos botones, uno es el color normal del botón y el otro es el color del botón al pasar el cursor.
Es de esa forma como tienes que hacer tus botones, luego los subes y cambias las URL que están en el código (estas que te acabo de mostrar) por las tuyas.
Saludos.
Hola Potro.
Ya tengo los botones funcionando y tal y como quería que fuesen.
Es maravilloso poder encontrar personas como tú, dispuestas a ayudar a los demás.
Gracias de nuevo por tu paciencia y por tu ayuda.
Un saludo.
Ricardo
Me da mucho gusto que ya tengas los botones que deseabas =)
Saludos y mucho éxito!
Publicar un comentario en la entrada
Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.