Princess & Owl Stories
Blogging

Unificar fácilmente los títulos de gadgets en la sidebar

Si me sigues en redes
sociales ya sabes que estos días estoy toqueteando el blog para
ponerlo bonito para ti, y que sea visualmente bonito y navegable.
Esto es posible gracias a tres grandes bloggers que se dedican a
ello. En primer lugar Frikymama
y El perro de papel me
elaboraron un informe cada una consistente en un análisis sobre el
diseño y el SEO del blog.
No te pierdas sus servicios porque son las dos estupendas.
Pero la que me ha puesto
las pilas de verdad (que buena falta me hacía) es Laura de The little coccinelle. Sorteó un informe exhaustivo en el que además
de diseño y usabilidad habla de SEO y copywriting. ¡Y me tocó! No
puedo estar más contenta. Os recomiendo mucho sus tutoriales. Así
que con todo esto me he puesto manos a la obra. Son pequeñas cositas
que tal vez no se aprecien mucho, pero que para mí marcan la
diferencia.

Y en este sentido hay
algo que me ha llevado de cabeza durante dos días y que hoy quiero
compartir contigo por si alguna vez te ves en mi misma tesitura.
Resulta que dos gadgets de la sidebar me salían con una tipografía
distinta y por más que tocaba no había forma de cambiarlo. Gracias
a Minerva Aurora, de Odisea gráfica, he descubierto cómo hacerlo y resulta que es muy muy
sencillo, así que he decidido compartirlo por si puede servir a
alguien y le ahorro dos días de quebradero de cabeza. ¿Vamos a
ello?
CÓMO UNIFICAR LOS
TÍTULOS DE LOS GADGETS EN LA SIDEBAR
  • Vamos a Plantilla
    > Editar HTML.
  • Para empezar es
    importante que hagas una copia de seguridad de la plantilla por si
    algo no sale como lo previsto (te lo digo por experiencia propia).
  • Una vez dentro
    tecleamos CTRL+F y se nos abrirá un
    cuadro de búsqueda.
  • Escribimos Headings
    en el recuadro y presionamos ENTER.
  • Te saldrá un código
    parecido a éste, si no es igual no te preocupes porque no necesitas
    tocarlo
    /*
    Headings
    ———————————————–
    */
    h2
    {

    margin: 0 0 1em 0;

    font: $(widget.title.font);

    color: $(widget.title.text.color);

    }
  • Justo debajo del
    código que te ha salido escribes:
    .sidebar
    h2 {
    margin:
    0 0 1em 0;
    font:
    normal bold 25px ‘Amatic SC’; /medida y
    fuente/
    text-align:center;
    /alineación del texto/
    color:
    #48b6b6; /color de la fuente/
    }
  • Le
    damos a Guardar y comprobamos que sale
    como queríamos.
Obviamente, el margen, la
fuente, la alineación y el color debes poner los que quieras.
Poniéndolo así te saldrá tal cual lo tengo yo en el blog. Con esto
todos os gadgets de la Sidebar te quedaran iguales en cuanto a
aspecto. Espero que te haya servido de ayuda.
¿Te ha pasado esto alguna vez? ¿Sueles tener problemas con tu plantilla? ¿A quién acudes cuando los tienes? Cuéntamelo todo 😉

Si te ha gustado dame +1 🙂

También te puede interesar...

19 Comments

  • Reply
    Ana Maria Almendro Oliva
    29 julio, 2015 at 08:20

    Muchad gracias por la mencion guapa. Te abras dado cuenta que cuando empiezas a tocar la plantilla y ves todos los cambios que puedes hacer no puedes parar!!! Seguro que este tu tutorial ayuda a muchas blogueras. Un beso.

    • Reply
      Eulàlia Carbonell
      29 julio, 2015 at 14:19

      A ti por ayudarme tanto! La verdad es que es un vicio, eh? Un besazo

  • Reply
    Celia Espada García
    29 julio, 2015 at 08:48

    ¡Hola, guapa!

    Muchas gracias por la mención 😀

    Jo, no vi tu pregunta hasta después, sino te hubiera enlazado un tutorial que tengo específicamente sobre ese tema… ¡ains! Intento llegar a todo pero a veces… ¡llego tarde! jejeje

    Me da apuro dejarte aquí el enlace, pero puedes verlo en mi blog, en Tutoriales – Tutoriales ordenados por nivel de dificultad para hacer un blog en Blogger – Nivel Avanzado – Personalizar los títulos de la sidebar

    ¡Besos y feliz día, guapa! 🙂

    • Reply
      Eulàlia Carbonell
      29 julio, 2015 at 14:33

      Gracias a ti por ayudarme tanto. Me he pasado por el tuto y creo que voy a ponerle bordes, o fondo o algo siguiéndolo. Probaré a ver. Un besazo!

  • Reply
    Mahel
    29 julio, 2015 at 08:22

    Pues yo quiero cambiar la plantilla, y pensaba usar alguna de las gratis que hay por internet, pero…no me gusta que salga Read More o Continue, y no he encontrado manera de cargármelo!! Así que tendré que toquetear alguna de las básicas que hay de Blogger y adaptarmela, pero para eso necesito tiempo y ganas.

    • Reply
      Eulàlia Carbonell
      29 julio, 2015 at 14:31

      Pues yo te animo a que la personalices tu, hay un montón de tutoriales en la red, las bloggers que cito arriba tienen muuuchos. Te lo vas a pasar genial y más a tu gusto imposible 🙂 Un besote

  • Reply
    AIDA MARTINEZ GOLDEROS
    29 julio, 2015 at 10:48

    Te esta queda o muy bien el blog con los cambios ,¡ con lo que lleva de tiempo! Este tutorial me lo guardo porque tengo también que toquetear el mío pero para agosto será!

    Que suerte con lo del sorteo ! Y además te orienta y te pone las pilas en serio como dices …

    Besotes !

    • Reply
      Eulàlia Carbonell
      29 julio, 2015 at 14:35

      Gracias guapísima. Es un trabajazo pero compensa cuando ves lo bonito que queda, cualquier cosa que necesites aquí estoy. Un besazo 😉

  • Reply
    Vanessa
    29 julio, 2015 at 10:23

    Hola! Pues la verdad es que a mi no me ha pasado eso nunca… Quiero decir, que yo cuando he modificado los títulos de los gadgets se me han cambiado todos a la vez (por suerte jajaj).
    Acabo de descubrirte gracias a fb así que voy a darme una vuelta por tu blog!
    Un beso 🙂

    • Reply
      Eulàlia Carbonell
      29 julio, 2015 at 14:34

      ¡Qué bien que no te haya pasado! La verdad es que a mí me ha hecho sudar la gota gorda. Bienvenida, siéntete en tu casa. Un besote

  • Reply
    Just my Style
    29 julio, 2015 at 13:19

    Tienes muy guapo el blog, y el post de hoy me parece de muchiiiisima utilidad, así que muchas gracias!!
    Me gusta tu blog así que me quedo por aquí 😉
    Un besazo preciosa
    justmystyle40.blogspot.com

    • Reply
      Eulàlia Carbonell
      29 julio, 2015 at 14:36

      Muchísimas gracias. ¡Bienvenida! 🙂

  • Reply
    Minerva Aurora
    29 julio, 2015 at 16:09

    Hola!
    Con personas tan agradecidas si que dan ganas de ayudar. Este curso me lo he pasado entre código y más código, ¿cómo no te iba a echar un cable?
    Me encanta como te está quedando el blog. La paleta de colores es muy dulce y se ve claro, legible. ¡Enhorabuena!

    • Reply
      Eulàlia Carbonell
      31 julio, 2015 at 08:20

      ¡Faltaría más! Me has ayudado muchísimo.Muchas gracias preciosa, ya sabes que valoro muchísimo tu opinión. Un besote 😉

  • Reply
    La Desmesurada
    29 julio, 2015 at 17:46

    Por lo visto se alinearon los plantes para un miércoles de diseño! Yo anduve en las mismas y te cuento que tengo la plantilla más "toqueteada" de la historia. Soy la más atrevida. Hago cualquier cosa, meto la pata y el día en que quiera poner orden….tendré que delegarlo en un profesional. Pero sigo fielmente los blog que mencionás y ahora que lo pienso olvidé mencionar a Minerva! Besos

    • Reply
      Eulàlia Carbonell
      31 julio, 2015 at 08:22

      Si es que en verano es lo típico, no? jejejeje. A mi me pasará como a ti, porque salto de tutorial en tutorial haciendo cosas, pero luego no sé si voy a saber encontrarlo jajajaja. Un besazo 😉

  • Reply
    Verónica S R
    30 julio, 2015 at 19:24

    Estos tutos pero para WordPress quiero yo, jijijijiji A mí me interesan los truquillos de SEO, que seguro que esos son comunes tanto con Blogger como con WordPress. Ya nos contarás! 🙂

    Desde el móvil no aprecio los cambios. Cuando acceda desde pc a ver qué chuli te está quedando!

    • Reply
      Eulàlia Carbonell
      31 julio, 2015 at 08:23

      Por eso te digo yo que los publiques, jaajajaja. De SEO sé muy muy poco y es un tema que me preocupa bastante. Ahora estoy haciendo un experiemento, si me sale te cuento. Un besazo guapa

  • Reply
    Krika Alcaide
    3 agosto, 2015 at 05:35

    Cuando empieza una a tocar el blog es que ya no puede parar verdad?? jejeje. Aunque tú lo tienes precioso ya 😉 Un besote!

Leave a Reply

En cumplimiento de la legislación española vigente en materia de protección de datos de carácter personal y del reglamento europeo RGPD 679/2016 le informamos de:

Responsable: Eulàlia Carbonell Ferriol + info

Finalidad: Gestión del envío de información solicitada, gestión de suscripciones al blog y moderación de comentarios. + info

Legitimación:: Consentimiento expreso del interesado. + info

Destinatarios: No se cederán datos a terceros para la gestión de estos datos.

Derechos: Tiene derecho a Acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la información adicional. + info

Información adicional:: Puede consultar la información adicional y detallada sobre Protección de Datos Personales en mi página web princessandowlstories.com + info

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

¡NO TE PIERDAS NADA!

¡Suscríbete y recibe en tu mail todas las novedades! Pronto contenidos exclusivos para suscriptores 😉

* obligatorio
Consentimiento

En cumplimiento de la legislación española vigente en materia de protección de datos de carácter personal y del reglamento europeo RGPD 679/2016 le informamos de: Responsable: Eulàlia Carbonell Ferriol + info Finalidad: Gestión del envío de información solicitada, gestión de suscripciones al blog y moderación de comentarios. + info Legitimación:: Consentimiento expreso del interesado. + info Destinatarios: No se cederán datos a terceros para la gestión de estos datos. Derechos: Tiene derecho a Acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la información adicional. + info Información adicional:: Puede consultar la información adicional y detallada sobre Protección de Datos Personales en mi página web princessandowlstories.com + info