¿Cómo poner una línea en el menú de blogger?

14 ene. 2014

poner lineas pestañas blogger

Hola a todos!! Comenzamos nueva semana bloguera con un tutorial. Un tutorial muy sencillo que muchos me habéis pedido: poner líneas en el menú de blogger. Si os interesa saber cómo hacer esto yo os enseñaré a hacerlo a través de un vídeo-tutorial. Espero que esté muy bien explicado. Sino... siempre podéis preguntar y, si sé, os responderé!

Muchos me preguntáis por el menú de blogger. Cuando hablo de menú me estoy refiriendo a las secciones que suelen ponerse debajo del logo. Ya sabéis, inicio, quién soy, etc. Hoy no os voy a explicar cómo se hace esto, es decir, poner las páginas o pestañas arriba. Esto lo explico, de forma muy muy sencilla en el curso de diseño corporativo (pa' que lo sepáis).  Lo que vamos a aprender es a colocar una o dos líneas sobre este menú.



De forma predeterminada blogger nos deja o poner todas las líneas o no poner ninguna línea en el menú. O todo o nada, ya veis que blogger no es de grises eh! Pero hay una manera de hacerlo y os la voy a explicar. Me he animado y, en vez de hacer el tutorial por captura de pantalla (como suelo hacer siempre) os lo voy a explicar con un vídeo, que yo creo que se entenderá mucho mejor.

Además, hago un dos por uno, y os enseño a buscar en la nueva plantilla de HTML de blogger (cosa que me preguntáis también muchisísisimo). Yo creo que si seguís los pasos con tranquilidad, no vais a tener ningún problema. Así que vamos allá.

*Aviso: este tutorial está pensado para la plantilla Simple de blogger. No sé si funcionará con otras plantillas. 

Notas e instrucciones que os pueden venir bien:
  • Antes de empezar a trastear con el HTML haced una copia de seguridad. Parece una chorrada pero se puede llorar durante mucho rato si metemos la pata y se nos va todo nuestro blog a tomar por saco.
  • Los distintos estilos que podéis elegir para vuestras líneas son:
    • SOLID: línea recta
    • DASHED: guioncitos
    • DOTTED: puntitos
  • Personalmente no pondría un grosor de línea superior a 2px. Aunque todo depende del efecto que esteis buscando. 
  • Antes de guardar plantilla aseguraos de que todo está perfecto en la VISTA PREVIA. Si os confundís debéis pinchar en REVERTIR LOS CAMBIOS.
  • Quizá, en tutoriales venideros os explique cómo hacer que cada línea del menú sea de un color. En este caso, todas las líneas que pongáis serán del mismo color. 

Por cierto, el domingo publiqué, eh. Por si no os habíais enterado. Además, estoy buscando a los tres mejores posts del año 2013 y todo el mundo puede participar. Así que os animo a que paséis por el post y os enteréis de todo todo.




Y esto es todo por hoy. El jueves retomamos las colaboraciones (que tengo un montón pendientes). 
Un besazo majos

MAY
Share to Facebook Share to Twitter Email This Pin This Share on Google Plus

43 comentarios:

  1. Muchas gracias por el video, para una desastre con el ordenador es de gran ayuda :)

    ResponderEliminar
  2. Gracias May, andaba loca para quitar las verticales

    Besos

    ResponderEliminar
  3. muchisimas gracias !! eso si , con la musica , pues me costaba concentrarme para poder copiar todo !
    un saludo desde Paris

    ResponderEliminar
  4. Hola! Me parecen super interesantes los tutoriales que publicas, pero haces algo con wordpress?

    ResponderEliminar
  5. Gracias por este nuevo tuto. Y en general por el blog, aparte de aprender cosas útiles, transmites tan buen rollo que es imposible no engancharse. ¡Enhorabuena!

    ResponderEliminar
  6. Gracias por este nuevo tuto. Y en general por el blog, aparte de aprender cosas útiles, transmites tan buen rollo que es imposible no engancharse. ¡Enhorabuena!

    ResponderEliminar
  7. Gracias por este nuevo tuto. Y en general por el blog, aparte de aprender cosas útiles, transmites tan buen rollo que es imposible no engancharse. ¡Enhorabuena!

    ResponderEliminar
  8. Mil gracias!!! cómo me gustan tus tutoriales, lo acabo de hacer y me encanta!!!

    ResponderEliminar
  9. Gracias May!! el vídeo está genial, ahora a ponerlo en práctica

    ResponderEliminar
  10. Gracias al tuto que nos hiciste de como ponerlas en el lateral ya había investigado este tema ^_^

    ResponderEliminar
  11. Como siempre, muchisimas gracias!!! :-)

    ResponderEliminar
  12. Un tutorial fantástico!!... me lo apunto para hacerlo ya!!!...ah, y la música me ha encantado, ni se te ocurra quitarla!!. Muchísimas gracias!!!

    ResponderEliminar
    Respuestas
    1. jajajaja es la música que usé en el primer curso y resulta que la han utilizado, también, en la campaña navideña de juguetos!

      Eliminar
  13. Un tutorial perfecto como todos los que nos haces pero cada vez mejor May!

    Besos

    C

    ResponderEliminar
    Respuestas
    1. Gracias gracias! jajaja la verdad es que me cuesta menos hacer los tutos en vídeo eh... así que me iré animando!

      Eliminar
  14. Muchas gracias.
    Un magnifico tutorial.
    Por cierto..¿podrias alguna vez explicarnos la pestaÑa del blog de ESTADISTICAS?mUCHAS VECES LO MIRO Y NO SE MUY BIEN QUE SIGNIFICA CADA COSA.
    Saludos

    ResponderEliminar
    Respuestas
    1. pues yo respecto a ese tema de estadísticas tengo una duda...por mucho que utilizo de allí la opción "No contar mis propias visitas", se me acaban contando, porque lo voy comprobando y nada, no me funciona bien. ¿hay algún método de introducir esto en el html o algo así? Gracias May, si haces un post sobre esto, a ver si averiguas algo, jeje.

      Eliminar
    2. Normalmente yo sigo las estadísticas con google analytics... al final es mucho más fiable que lo de blogger. De todos modos blogger lleva unos días un poco tonto perdido. jajajaja Tengo que investigar un poquillo el tema porque no es algo en lo que piense mucho... Al final me vale que os sirva lo que publico! Pero en principio no deberían contar.

      Eliminar
  15. ¡No podías faltar tú en nuestra lista!Tú que tanto nos has enseñado y con la que tantos secretillos bloggeros hemos aprendido, por ello te hemos otorgado un premio en nuestro Blog!!Aquí tienes la entrada completa:
    http://quefichaerestu.blogspot.com.es/2014/01/liebster-award.html

    ResponderEliminar
  16. Qué buen video May!!! puedes desvelarnos qué programa utilizas para grabar la pantalla del ordenador? Y otra preguntita, en tu curso de power point enseñas a cómo hacer presentaciones para luego pasarlas a formato video? sé que hay un programa que lo hace pero todavía no lo he probado. Gracias!!!

    ResponderEliminar
    Respuestas
    1. Hola Eugenia! Uso el camtasia! Es genial y fácil de utilizar. No es la releche... pero para lo torperena que soy yo con el vídeo me va de lujo. Respecto a lo que me preguntas.. pues no lo explico. Pero a lo mejor preparo un tutorial sobre cómo utilizar Camtasia!

      Eliminar
  17. Muchísimas gracias May!! Ya lo he puesto en práctica! :DDDD
    Pero te voy a hacer una pequeña crítica constructiva (; Estaría mejor si hubieras puesto el texto del tutorial arriba, por que con la barra del youtube se tapa y a la hora de pararlo cuesta más pillarlo.
    Aún así, el tuto esta genial ^^

    MUCHÍSIMAS GRACIAS ♥

    ResponderEliminar
    Respuestas
    1. Elena!! gracias!!! No había caído!!! jajajaja totalmente cierto. Como es el primero... para el segundo espabilo fijo! ;) Gracias a ti

      Eliminar
  18. Perdón, jajaja, no sé qué he hecho que se me ha publicado tres veces el comentario, eso demuestra que necesito más tutoriales :)

    ResponderEliminar
  19. Pasate por mi blog, tienes una sorpresita http://madincositasdefieltro.blogspot.com.es/

    ResponderEliminar
  20. Mil gracias!! acabo de iniciarme en esto del blog y sin tus tutoriales y tus post estaría completamente perdida!!! :)

    ResponderEliminar
  21. Muchas gracias por todos los truquillos, haces que nuestros blogs queden mas bonitos, estoy enganchadisima, lo malo que peleo mucho con mi mac, pero si consigo descargar el power point para mac hago el curso sin pensarlo, ¿por que el key note no vale, o si?

    ResponderEliminar
  22. Y para ponerlo arriba ? Me gustaría poner la línea arriba y abajo :)

    ResponderEliminar
  23. Me encanta! no sabes el tiempo que llevaba buscando algo así <3 queda genial ^^ besos!

    ResponderEliminar
  24. Hola, maite al introducir tabs en el buscado no me sale, me podrías ayudar gracias may! :)

    ResponderEliminar
  25. Hola, May verás en el buscador pongo tabs, y no me sale que debo hacer?

    ResponderEliminar
  26. Gracias por compartir! Estoy mejorando mucho mi blog con tus consejos.

    Saludos desde Argentina! :)

    ResponderEliminar
  27. Por favor, podrías poner este tutorial, pero con la nueva plantilla html

    ResponderEliminar
    Respuestas
    1. Lo sé, lo sé... intentaré hacerlo!! O hacer una actualización de este...

      Eliminar
  28. Hola, una consulta, no encuentro la opcion ''acentos'' que hago?

    ResponderEliminar
    Respuestas
    1. Hola! No entiendo a qué te refieres con acentos.... Para este tipo de dudas, mejor me escribís un email... que me pierdo un poco entre los comentarios

      Eliminar

Muchas gracias por escribirme!! Si quieres puedes hacer alguna petición, recomendación... ¡¡Me encanta leeros!!