Jugando con la NavBar de Blogger

26 de julio de 2012 108 comentarios ,
Hace muchos años pocos querían conservar la Navbar, esa barra que está arriba del todo y que nos permite compartir el blog, buscar o acceder a las funciones básicas. El único color disponible que había era el azul así que no a todos les iba bien con el diseño de su plantilla. Hoy la barra de navegación (Navbar) dispone de más colores, y podemos jugar un poco con ella para hacerla ver más dinámica. O si prefieres ocultarla, también te diremos cómo hacerlo.


Ocultar la navbar

Ocultarla es más sencillo que antes, digo eso porque hasta hace poco teníamos que ingresar códigos a la plantilla para poder ocultarla, ahora no.
Si deseas ocultar la navbar ingresa a la sección Diseño, da click en Editar sobre la Navbar (Barra de navegación) y selecciona Desactivado.


Hacer flotante la navbar

Si por el contrario te gusta que se vea la barra de navegación entonces puedes hacerla flotante para que se siga viendo aun cuando bajes el scroll de la página. Para ello entra en la Edición HTML de la plantilla y antes de ]]></b:skin> pega lo siguiente:
#navbar-iframe {
left:0;
top:0;
position:fixed;
}

Si quisieras que la navbar este igual flotante pero en la parte de abajo entonces cambia top:0; por bottom:0;
Con cualquiera de esas dos opciones la barra siempre estará visible aunque se suba o se baje la página.

Aparecer la navbar al pasar el cursor con desvanecimiento

Una buena opción es mantener oculta la navbar y hacer que aparezca sólo si pasamos el cursor arriba del blog, y usando las transiciones haremos que aparezcan con un efecto de desvanecimiento como se aprecia en la imagen.


Para que se vea de esta manera sólo hay que añadir antes de ]]></b:skin> lo siguiente:
#navbar-iframe {
opacity:.0;
filter:alpha(Opacity=0,FinishedOpacity=0);
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100);
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

Aparecer la navbar al pasar el cursor de arriba a abajo

Una opción similar a la anterior es que la navbar esté oculta y aparezca al pasar el cursor sobre su área pero esta vez aparecerá de arriba a abajo.


Para ese caso el código que hay que añadir antes de ]]></b:skin> es este:
#navbar-iframe {
position:absolute;
top:-30px;
height:60px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#navbar-iframe:hover {
top:0;
height:30px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

Cambiar el color de la Navbar

Aunque Blogger nos permite cambiarle el color, sólo nos ofrece 6 opciones de color, los cuales pueden no ser del gusto de todos, sin embargo podemos ponerle el color que queramos y no sólo eso, también podemos hacer que cambie de color al pasar el cursor con un efecto de desvanecimiento.


Para conseguirlo, sigue el paso del primer ejemplo que es para ocultarla, pero en lugar de desactivarla deberás seleccionar Claro transparente. Luego pega antes de ]]></b:skin> estos estilos:
#navbar-iframe {
background:#B40431; /* Color de la navbar */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#navbar-iframe:hover {
background:#000; /* Color de la navbar al pasar el cursor */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
Ahí verás dónde poner el color que quieras tanto para el estado normal, como el color que tendrá al pasar el cursor.
¿Una imagen? También se puede, en ese caso la línea que especifica el color irá de esta manera:
background:url(URL de la imagen);

Como puedes ver, la navbar puede verse más atractiva si lo deseas y sólo añadiendo un poco de CSS que hasta puedes combinar y conseguir el resultado que quieras.
Quizá haga falta recordar que en el caso de los efectos de desvanecimiento con CSS son transiciones que sólo son soportadas con navegadores modernos, así que en navegadores antiguos (o Internet Explorer) aunque no se verá ese desvanecimiento los demás estilos sí se ejecutarán.


108 comentarios en:

" Jugando con la NavBar de Blogger "

  1. Muy buen truco potro, los nuevos efectos de webkit-transition en chrome y safari corren genial!

    Cooolerisisisisisisisimo!

    ResponderEliminar
    Respuestas
    1. Las transiciones es de lo mejor que le ha pasado al CSS en mucho tiempo :)

      Eliminar
    2. Hola, es la primera vez que te consulto y te pido que le des una mirada a mi blog y espero algunas sugerencias tuyas para ver que se puede modificar para mejorar. www.ciendeportetotal.com es la URL
      Atte:
      Silvio Prediger

      Eliminar
    3. De eso no podría decirte nada Silvio, lo importante es que al autor del blog le guste, en este caso tú :)

      Eliminar
  2. Una solución muy interesante ;)
    Echaré un vistazo y según como se vea en el blog, lo coloco.
    Un saludo Potro.

    ResponderEliminar
    Respuestas
    1. Pues más que una solución son opciones que podemos considerar, sobre todo para aquellos que sí usan la barra de navegación :)

      Eliminar
  3. Muy buena, gracias por compartirla !!

    Saludos de Como Estudiar

    ResponderEliminar
  4. Qué buenoooo!!!...:))))... a ver si me entretengo, aunque tendré que hacer que aparezca de nuevo, ;), pero es que con estas posibilidades que nos das ya resulta mucho más atractiva.
    Eres un fenómeno, muchísimas gracias, Potro.
    ¡un beso!

    ResponderEliminar
    Respuestas
    1. Se ve más linda ¿no? Yo estuve probando con imágenes de fondo en vez de color y me encantó el resultado, sólo porque en realidad no la uso, sino ya la hubiera puesto :)
      Otro beso para ti.

      Eliminar
  5. Es genial!!!
    Muchas gracias!!!
    Lyra

    ResponderEliminar
  6. Con esto quizás me replantee en volver a dejar la NavBar...

    ResponderEliminar
    Respuestas
    1. Creo que varios nos lo estamos replanteando :D

      Eliminar
  7. hola Potro,
    a mi me gusta que se vea esa nav bar, aunque el artículo está super interesante por el cambio de los colores.

    Gracias Potro^^

    ResponderEliminar
    Respuestas
    1. Me alegro que te haya gustado Rebecca :)
      Saludos!

      Eliminar
  8. Lo siento pero nunca le encontre un uso a esta navbar salvo reportar el blog... es bueno saber que esta opcion ya es nativa, gracias por la información

    ResponderEliminar
    Respuestas
    1. También tiene la opción de recomendar el blog, eso me parece de lo más rescatable, las otras funciones al menos a mí no me sirven tanto.

      Eliminar
  9. Instale el LikeBox Genere el codigo y lo puse en HTML/JAVASCRIPT me aparece el titulo Official Master Admiin pero abajo no aparece el LikeBox . Este es mi blog http://masteradmiin.blogspot.com.ar/ .

    Y este es el LikeBox

    http://developers.facebook.com/docs/reference/plugins/like-box/

    Ojala que me ayudes desde ya Muchas Gracias .

    ResponderEliminar
    Respuestas
    1. Mira esta entrada, ahí se explica cómo ponerlo:
      http://ciudadblogger.com/2011/02/agregar-fanbox-en-el-blog-sin-bordes-y.html

      Eliminar
  10. Yo ni sé para ké sirve esa navbar xD la platilla ke le puse a mi blog trae uno por default y nunca lo he usado =S, ahí lo dejo porke es parte del ornato de la plantilla y porke nunca sabría cómo kitarlo xD. pero como siempre, excelente post!!! Gracias por la info ;) Besito

    ResponderEliminar
    Respuestas
    1. Yo curiosamente cuando tuve mi primer blog fue lo primero que quise hacer, ocultarla. No sé ni porqué, sólo no me gustaba. Pero sí ahora tuviera un blog por primera vez es casi seguro que la dejaba, y más sabiendo que puedo jugar un poco con ella :)

      Eliminar
  11. Muchas gracias! Esto es lo quería y no había podido encontrar =) Nos vemos!

    ResponderEliminar
  12. Qué bien que Blogger haya incorporado una opción para ocultar la NavBar. Cada día da un paso más!

    ResponderEliminar
    Respuestas
    1. Fíjate que yo no lo había visto hasta que redacté la entrada, quién sabe desde cuándo estaría ahí esa opción :P

      Eliminar
  13. Tengo una pregunta desesperada ya, a ver si alguien me puede echar una mano, tengo un dominio en blogger del que solicite una traspaso a otro servidor y llevo casi un mes para que me lo autoricen, y la ultima es que ahora no me funciona la pagina actual que tengo en blogger porque estan haciendo se supone, el traspaso,el caso es que no me deja entrar en mi blog de blogger y esto me esta suponiendo un gran problema, alguien sabe que puedo hacer

    ResponderEliminar
  14. Buenos dias, tengo una pregunta desesperada, tengo un blog en blogger, un dominio del que he solicitado el traspaso a otro servidor y llevo casi un mes para que me lo gestionen, el caso es que ahora ni siquiera me deja en trar en mi blog no se abre, porque se supone que estan haciendo el traspaso que me han dicho que sera cuestion ya de 5-10 dias pero mi blog no esta activo y me esta suponiendo un gran problema, alguien me puedo decir que puedo hacer por favor, lo agradecere muchisimooooooooo, gracias

    ResponderEliminar
    Respuestas
    1. Regresa a blogspot.com mientras se termina el traspaso, aunque nadie podrá ingresar desde el dominio personalizado por ahora.

      Eliminar
  15. Hola! Ayudaaaaa!
    No se qué pasa que ahora no puedo hacerme seguidora de un blog.
    Cuando le doy a seguir en el cuadrito de seguidores de un blog y pongo mi cuenta como siempre, me aparece sin foto, sin nick y ni siquiera a la autora del blog le aparezco como seguidora.
    ¿qué está pasando es un problena general? por que a mi hermana le ocurre lo mismo

    ResponderEliminar
  16. Ah! me pasa desde ayer en todos los blogs que intento hacerme seguidora con mi cuenta.

    ResponderEliminar
    Respuestas
    1. Hola HECHIZZERA. Desde que Google Friend Connect cerró muchos tienen ese problema, y hasta ahora Blogger no ha dicho nada al respecto. Supongo que tendrán que dirigirse al foro de ayuda de Blogger para que los empleados de Google presten atención en ese tema.

      Eliminar
  17. Hola, queria preguntarte algo no se donde ponerlo espero me respondas aca:

    Yo quiero que una etiqueta determinada no aparezca en el inicio de blog cada vez que publico algo con esa etiqueta, no se como se puede hacer, cambiando la fecha de publicacion a por ejemplo 2005 para que no aparezca no quiero...

    Gracias!

    ResponderEliminar
    Respuestas
    1. Existe este método pero no funciona bien en todas las plantillas:
      http://ciudadblogger.com/2009/05/paginas-estaticas-y-ocultar-entradas.html

      Eliminar
  18. Hola Potro, no se que cosa le he hecho al código del blog que cuando intento entra a diseño para ver y modificar los gadgets no me los muestra :P la dirección del blog es http://soyslytherin.blogspot.com digo, estuve modificando el código y todo iba bien. de repente quise agregar un buscador y no podía ver los gadgtes.

    ResponderEliminar
    Respuestas
    1. Hola Sergio, ¿ya has probado desde otro navegador, o eliminar las cookies y caché del navegador?

      Eliminar
    2. Volví a instalar la plantilla y ya se soluciono y pude instalar el buscador, Gracias de todas formas,pero tengo una duda le puse en el buscador un mensaje que dice "ENTER para buscar" y quisiera que cuando hagan clic para escribir el texto ese mensaje desaparezca, es decir que el espacio quede vacío para poder escribir, no se si me explico, como podría hacer esto?

      Eliminar
    3. Mira el comentario #91 de esta entrada:
      http://ciudadblogger.com/2009/02/poner-un-buscador-en-blogger.html

      Eliminar
  19. ¿Sabes si hay algún método en Facebook para que los fans de una página en la que no somos administradores se puedan transferir a una página nuestra esos fans… Y si no se puede sabes cómo hacerlos desde una página nuestra a otra que sea nuestra también? Gracias

    ResponderEliminar
  20. ¿Sabes si hay algún método en Facebook para que los fans de una página en la que no somos administradores se puedan transferir a una página nuestra esos fans… Y si no se puede sabes cómo hacerlos desde una página nuestra a otra que sea nuestra también? Gracias

    ResponderEliminar
  21. Muy Interesante y practico..

    Una pregunta. Se puede mejorar el editor de entradas y paginas de Blogger por uno mas completo, por ejemplo que tenga opciones de insertar tablas, imagenes del modo tradicional, etc..

    Gracias..

    ResponderEliminar
    Respuestas
    1. No jrascong, eso depende de Blogger.
      Saludos.

      Eliminar
  22. Tengo una duda, podrias hacer una entrada de como ponerle una marca de agua automaticamente a las imagenes que se publican en las entradas de blog ?
    asi de que en una entrada del blog que tenga una imagen que esa imagen en la esquina inferior derecha diga "Mi Blog"
    se podra ?

    ResponderEliminar
    Respuestas
    1. No sé si haya un método que pueda hacerlo automático pero, si se pudiera sería una imagen encima de otra, es decir, un elemento encima de otro, por lo que si alguien copia la imagen tendrá la normal sin la marca de agua, así que si quieres que tus imágenes tengan esa marca de agua y no se les pueda quitar entonces tendrás que pasarlas por un editor de imágenes cada una y ponérselas manualmente.

      Eliminar
    2. Pues eso si ya lo se jeje, no importa que al copiar el URL de la imagen aparezca sin marca de agua, lo que me importa es eso que te digo :P aunque solo se vea en el blog pero que se ponga en cualquier imagen que este solo en las entradas

      Eliminar
    3. Deja busco algún script que lo haga porque no estoy seguro que se pueda con CSS porque aunque se pudiera en IE no se vería. Si encuentro algo te aviso.

      Eliminar
  23. Y Otra duda jeje, ya vez que si pones una imagen con titulo al pasar el mouse aparece el titulo de la imagen ? como puedo hacer para que no sea tan simple la forma de mostrar el titulo de dicha imagen ?
    me gustaria algo de como se muestra el titulo en las imagenes de las medallas en taringa
    http://www.taringa.net/Xtamatsipatse
    pasa el cursor sobre una medalla y veras

    ResponderEliminar
    Respuestas
    1. Nunca he probado usar un tooltip de forma automática en los títulos de las entradas, pero deja pruebo esta semana a ver qué tanta suerte tengo, si todo sale bien lo publico más adelante ;)

      Eliminar
    2. Emm no no seria en los titulos de las entradas es en los titulos de las imagenes osea ya vez que hay imagenes que al pasar el cursor aparece un texto miralo en mi blog
      modsmexicanosfull.com
      en los afiliados de abajo los que dicen "Afiliados :D" como hacer que esos titulos sean como los de las medallas en taringa

      Eliminar
    3. Mira esta entrada, ahí hay unos tooltips que puedes usar también en las imágenes:
      http://ciudadblogger.com/2010/08/tooltips-con-jquery.html

      Eliminar
  24. ¡Hola!
    Me gusta mucho tu blog y tiene cosas muy útiles, pero tengo una duda:
    Sabrás que hay una aplicación llamada "Recortes" para, pues eso, recortar una parte de la pantalla. El problema está ahí. Ya se proteger las imágenes de "copiar y pegar", pero ¿hay alguna manera de evitar que lo "recorten"?

    ResponderEliminar
  25. ¡Hola!
    Me gusta mucho tu blog y tiene cosas muy útiles, pero tengo una duda:
    Sabrás que hay una aplicación llamada "Recortes" para, pues eso, recortar una parte de la pantalla. El problema está ahí. Ya se proteger las imágenes de "copiar y pegar", pero ¿hay alguna manera de evitar que lo "recorten"?

    ¡Gracias!

    ResponderEliminar
    Respuestas
    1. Hola Miguel. No hay ningún método infalible que evite la copia del contenido, hasta con una simple captura de pantalla podrían copiar las imágenes sin necesidad de esa aplicación. La única forma de evitar que alguien copie algo es no subirlo a Internet.

      Eliminar
  26. Hola Potro... Necesito hacerte una consulta con respescto a otro tema, que no encuentro.... ¿Se puede cambiar el orden de los comentarios?, es decir... Que arriba queden los comentarios recientes y debajo los anteriores???.

    Sos un genio en todo esto de ayudas, a mí siempre me salvás (aunque ahora te pregunto menos). Mis blogs están espectaculares gracias a todas tus ayudas.

    Ojalá puedas ayudarme en esto también. SALUDOS y GRACIAS de antemano

    ResponderEliminar
    Respuestas
    1. Muchas gracias por tu comentario Lolilu. Lamentablemente no se puede cambiar el orden de los comentarios, eso es algo que depende completamente de Blogger y hasta ahora no nos da esa posibilidad.

      ¡Saludos!

      Eliminar
  27. Hola me encanta este blog pero casi siempre me quedo perdido con esto de los códigos. Habrá alguna forma de aprender sobre esto desde el inicio?... me refiero a aprender sobre códigos pero desde los fundamentos

    ResponderEliminar
    Respuestas
    1. Hola Alexander, debe haber varios sitios con tutoriales sobre HTML y CSS, sería cuestión de que busques en Google y encuentres uno fácil de entender.
      Saludos.

      Eliminar
  28. Oye, ¿Cómo puedo poner ese gadget que tienes que dice "Lo + Popular, Lo + Nuevo, Archivo"?

    ¡Gracias!

    ResponderEliminar
    Respuestas
    1. ¿En dónde Miguel? Yo no tengo ese gadget o.O

      Eliminar
    2. Ah, perdón, es que le he visto en otra página web que recomiendas y te he preguntado a tí sin querer. Aun así, si sabes cuál es y cómo ponerle...

      Eliminar
    3. ¿Te refieres a la de Waludia? Ese es un blog en WordPress, pero puedes usar un tabview y ahí poner algún gadget similar:
      http://ciudadblogger.com/2011/06/tabview-para-agrupar-varios-gadgets-en.html

      Eliminar
  29. Cada día que veo que subes algo nuevo me impresionas potro... desde hace tiempo ya hubiera terminado lo de los posts más vistos (popular posts) pero entre la falta de tiempo y entre pensar en hacer algo que vaya a la altura de tu sitio, pss me he tardado... pero pss empecemos. Si gustas no publiques el comment, solo era pa dejarte un saludo.

    ResponderEliminar
    Respuestas
    1. Ups, lo publiqué sin haberlo leído. Pero no te preocupes que yo entiendo eso de no tener tiempo suficiente, me pasa igual con varias cosas que quisiera hacer.
      Un abrazo bro, y que estés muy bien.

      Eliminar
  30. Gracias, como verás mi blog está casi todo hecho de tus publicaciones. Gracias sinceras. Tengo una consulta que hacerte que no se resolver. En Google aparece solo el nombre de mi blog y no el nombre del post. ¿Como lo resuelvo?

    Gracias de antemano y un saludo.

    ResponderEliminar
    Respuestas
    1. Gracias piensaenbrooklyn, ¿siempre ha aparecido así o fue a raíz de un cambio que hiciste? ¿en cuál blog?

      Eliminar
  31. Ésta la aplicaré en mi blog, gracias por compartir tus conocimientos Potro, revisaré de inicio a fin tu blog para sacarle jugo a mi blog y hacerlo más atractivo.

    Saludos.

    ResponderEliminar
  32. Hola Potro, buenos días.

    Tengo un problema con la Navbar en uno de mis blogs. De repente desapareció. La hice fija y le añadí la transición de color como sugieres en esta entrada y pensé que quizá eso era la causa, pero es solo en ese blog. Sin embargo reaparece cuando cierro sesión o entro en modo incógnito, pero un poco diferente, mira:

    https://lh4.googleusercontent.com/-3MMLEcODt5s/UD-Znn0KJjI/AAAAAAAADXY/r-cHYXRTj0M/s488/Navbar.png

    Me gustaría saber si existe un modo de hacer que aparezca nuevamente al abrir sesión o si debo esperar a que este error se corrija solo. De antemano muchas gracias.

    ResponderEliminar
    Respuestas
    1. Hola Daniel, no mencionas en cuál blog tienes el problema pero, ¿usas alguna extensión que inhabilite la publicidad? porque esas extensiones suelen detectar la NavBar como publicidad (aunque no lo sea) y la ocultan.

      Eliminar
    2. Potro, tenías razón. Se debía a una extensión (Do Not Track Plus) que bloqueaba toda la barra debido a ese botón de Google Plus que han insertado recientemente. Disculpa por no haber mencionado el blog, sucede que es privado y me avergüenza que otros lo lean. :P

      Bueno, pues ya está resuelto. Nuevamente gracias Potro, y disculpa la molestia. Un saludo. :)

      Eliminar
  33. -Hola Potro y Cia,,, no aconsejo hacerlo,,, tiene daños colaterales!!

    ResponderEliminar
    Respuestas
    1. Hola Javier, personalizarla no causa problemas, lo que por ahora causa algunos problemas es ocultarla desde las opciones de la NavBar.

      Eliminar
  34. Hola Potro, gracias por todo, me haz sido de muchisima ayuda. Tengo un problemita creo que con la NAVbar, la desactive pero aun asi me aparece un espacio gris al inicio de mi blog. No se si solo lo veo yo http://ivansoluciones.blogspot.com/

    Gracias por tu tiempo

    ResponderEliminar
    Respuestas
    1. Eso no es por la NavBar Ivan, sino por un elemento de tu plantilla. Si no quieres que se vea agrega debajo de #top-fijo{ esto:
      display:none;

      Saludos.

      Eliminar
  35. me queda un espacio en blanco cuando oculto el nabar

    ResponderEliminar
    Respuestas
    1. Mira esta entrada:
      http://ciudadblogger.com/2011/02/eliminar-espacio-superior-en-las.html

      Eliminar
  36. Emmmm potro, esque no se soy muy nueva en esto y pues.... no me funciona
    no se que chingadas pasa, me podrias ayudar?

    ResponderEliminar
  37. hmm hehehhe Una pregunta como puedo Crear mi propia navbar personalizada como esta De IVYThemes

    http://demo.ivythemes.com/2012/05/grizzled.html

    ResponderEliminar
    Respuestas
    1. Mira esta entrada Joel, esa es la base, a partir de ahí tú puedes personalizarla y agregarle lo que desees:
      http://ciudadblogger.com/2009/07/crea-tu-propia-barra-de-herramientas.html

      Eliminar
  38. Hola portro necesito tu ayuda urgente nose porque no sale en mi barra de mi web: www.sergiokou.com mi nombre y detalles solo sale la direccion de mi web y asi con cualquiera de mis post, que error hay que corregir? espero tu ayuda, muchas gracias

    ResponderEliminar
    Respuestas
    1. No he podido ver tu blog Sergio, sólo admite invitados. De cualquier forma, verifica que arriba de:
      <b:skin><![CDATA[/*

      Tengas esto:
      <title><data:blog.pageTitle/></title>

      Si no lo tienes agrégalo.

      Eliminar
  39. Hola El Potro, después de estar un par de horas tratando de resolver un problema, recurro a ti, a ver si me puedes ayudar.
    He intentado pasar el blog de la versión clásica a la vista dinámica “magazine” pero al hacerlo no aparecían los comentarios de las entradas y además tb desaparecían las secciones (paginas) del blog, así que he restablecido a la anterior y el problema ahora es que me ha desaparecido la navbar de la parte superior.
    Me permite colocarla en el lateral, pero no sale completa, sale sin el utilísimo “diseño”, asi que lo mas que he conseguido es restablecerla entera pero en la parte de abajo. He leído en alguna web que esto pasó hace unos meses como un problema de blogger. Tb me pasó a mi hace un tiempo y no se ya como, y logré restablecerla, pero ni me acuerdo como lo hice, y ya te digo, ahora llevo un buen rato probando soluciones y nada. Por ejemplo, la de eliminar esta línea en la edición HTML
    #navbar-iframe { height: 0px; visibility: hidden; display: none; }
    pero es que a mi ni me aparece eso.
    Lo único que me aparece en edición HTML sobre navbar es esto:

    Antes en “diseño” me aparecían las casillas favicon y barra sobre la de imagen de cabecera, pero ahora solo la de favicon, y no hay forma de mover ahí la barra de navegación.
    Y para terminar la consulta, eso que me ha pasado de que no aparezcan ni comentarios ni paginas al pasar a la vista dinámica magazine, ¿es normal?
    Te pongo el link del blog por si necesitas mirarlo:
    http://belenestebanprincess.blogspot.com.es/

    Muchas gracias por tu atención y tu ayuda.

    ResponderEliminar
    Respuestas
    1. Hola NX, no he podido ver el código que te aparece en HTML, pero tal vez pueda ayudar si debajo de:
      <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

      Pegas esto:

      <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
      <b:widget id='Navbar1' locked='true' title='Barra de navegación' type='Navbar'/>
      </b:section>

      Lo de los comentarios no es normal, deberían aparecer siempre y cuando en la configuración del blog los tengas habilitados.
      Saludos.

      Eliminar
    2. Hola Potro:
      Solucionado! lo de la navbar con lo que me dijiste, muchas gracias.
      Te comentaría el problema de las dinámicas en otro post mas relacionado con el tema, pero no veo ninguno.

      Como te dije, el problema es que al pasar a dinámica magazine (y tb con las otras) me dejan de aparecer tanto los comentarios de las entradas como las secciones (páginas).Los coment los tengo habilitados y en la versión clásica salen sin problemas, el fallo es al pasar a las dinámicas.
      Lo raro es que cuando pruebo añadiendo /view al nombre del blog para ver como quedarían, sí que me salen las dos cosas, comentarios y secciones, lo único que no sale al probar así son los comentarios hechos en las páginas, pero eso ya mas o menos lo estaba asumiendo, porque me gusta ese formato, pero si me desaparece tb todo lo demás, pues no me sale a cuenta.

      Si se te ocurre alguna solución te lo agradecería mucho,me gusta ese formato magazine porque permite ver de un tirón todas las entradas publicadas, y así creo que la gente se animaría mas a leer las antiguas.

      Estoy pensando en hacer una sección tipo índice, con eso, una imagen de cada entrada y un resumen.
      He visto unas entradas tuyas(entradas resumidas tipo magazine 1,2 y 3) donde explicas algo que sería eso mas o menos, pero creo que haciéndolo así, solo saldrían el máximo de 7 entradas por página, no?
      La forma que estoy pensando yo hacerlo sería laboriosa y habría que actualizar con cada entrada, así que no se como quedará.
      Bueno, pues muchas gracias otra vez, y si se te ocurre alguna idea para esto, ya la probaremos.
      Chao!

      Eliminar
    3. Tendría que ver tu blog con esa plantilla para darme una idea de qué pueda estar sucediendo. Sólo por si las dudas, ¿ya has intentado ver el blog desde otro navegador) porque quizá es el navegador que no carga los comentarios.

      Eliminar
    4. Potro eres un hacha, tenias razón, debía ser por el navegador, yo probaba con Opera y me pasaba todo eso que te conté, pero al decírmelo tu he probado con chrome, con firefox y explorer y con esos no hay problema, sale todo, los comentarios, las secciones y los gadgets a la derecha asomando.
      Lo único que no consigo que se vea es los coment de cada sección (páginas)
      Ahora actualizaré Opera a ver si fuera por eso, pero vamos has dado en el clavo.

      MUCHAS GRACIAS!!!! :D

      Eliminar
    5. Hola Potro, no te molestes en responder mi última consulta, ya probé las vistas dinámicas y los lectores de mi blog tenían tantos problemas para ver bien el blog que ya he vuelto al formato clásico.

      Como te dije, probaré alguna forma de seguir ofreciendo una visión resumida del blog pero sin las desventajas de las vistas dinámicas, así que si de esto sí que se te ocurre algo, pues te lo agradeceré, y si no, si consigo hacer yo algo que quede bien ya te lo enviaré para que lo veas, aunque yo no tengo ni idea de programación y HTML, pero creo que con imagenes y enlaces puede quedar bien, eso si será laborioso.

      Tb he pensado poner un link con el /view/magazine para conseguir eso pero quedaría algo simple, ya veré.

      Muchas gracias por todo!

      Eliminar
    6. Además de la actualización siempre es conveniente eliminar cookies, caché e historial del navegador de vez en cuando ;)

      Eliminar
  40. Hola, muy bueno tu blog. Me gustaría modificar la navbar del mio, mi duda es ¿como entro a la edición HTML?

    ResponderEliminar
  41. Hola Potro!
    Gracias por tus tutoriales, me han ido genial! Lo único que no encuentro o puede que no lo escriba bien en el buscador es: Cómo reducir el espacio entre la cabecera y el menú de navegación?
    Muchas gracias por todo!!:)

    ResponderEliminar
  42. Ah tampoco encuentro cómo cambiar el color de la letra cuando paso el ratón por encima en el menú de navegación. Tengo una plantilla picture window, creo la simple, es que ahora no me la deja ver, me da error, cuando voy a plantilla, personalizar plantilla no se me visualiza el blog, pero si se ve si hago ver blog, o sea abriendolo en otra pestaña. Mira ya són tres dudas en total. Gracias!!

    ResponderEliminar
    Respuestas
    1. Hola Montse, puedes reducir ese espacio con estos estilos:
      #HTML5 {
      margin-top: 20px;
      }

      Para los enlaces mira esta entrada:
      http://ciudadblogger.com/2009/04/personalizar-links.html

      Saludos.

      Eliminar
  43. Hola Potro : Ante todo muy bueno este blog . Pero, por desgracia, he intentado comunicarme o consultar aquí y parece que algo me anda mal porque hace años que los intento sin tener resultados. Ya se me han acumulado muchos problemas y no se como resolverlos, más aún con esto de la navbar que antes la tenia visible pasando el raton y ahora no la veo mas luego de estos cambios en blogger.Tampoco puedo encontrar texto cuando voy a HTML utilizando Ctrol+F. Ojalá este mensaje llegue.
    No sé si estará mal poner mi mail pero te lo dejo, poruqe si alguna vez me has respondido, realmente nunca vi la respuesta en todos estos años. Gracias

    ResponderEliminar
    Respuestas
    1. Hola Amigovio00 / Tio Jorge, todos los comentarios por este medio han sido respondidos, aunque la mayoría de los de este año han tardado mucho en responderse por las razones que explico en la última entrada publicada en el blog, pero sin lugar a duda todos son respondidos; pasa que algunas entradas tienen más de 200 comentarios y hay que dar click en "Cargar más" para ver el resto de los comentarios, puede ser que ahí estén los comentarios que has hecho y que crees que pudieron no haber sido respondidos.

      En cuanto a tu pregunta de la búsqueda, primero hay que dar click en el área de los códigos, luego ya podrás presionar las teclas CTRL + F para que se active el buscador del editor, porque si no se hace click primero en los códigos se activa e buscador del navegador y ese no es capaz de encontrar un solo código en esta "nueva" interfaz de Blogger.

      Saludos.

      Eliminar
  44. genio que tal..disculpa existe la posibilidad de poner otra barra tipo menu y que se deslice cuando estemos bajando la pagina ??

    ResponderEliminar
    Respuestas
    1. Hola Juan, apenas retome de lleno el blog hago una entrada sobre ello ;)

      Eliminar
  45. Hola Potro, no sé por qué me ha desaparecido la barra de navegacion. He hecho lo que propones arriba pero nada. no aparece.

    Mi Blog es: http://elzorrociudadano.blogspot.com.es/

    Saludos y gracias.

    ResponderEliminar
    Respuestas
    1. Hola, entra en Diseño y da click en la NavBar, revisa que no la tengas oculta desde ahí.
      Saludos.

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger