Cómo centrar las etiquetas

29/11/15
De los creadores de personalliza tu pie de página llega cómo centrar las etiquetas. ¡Ueeeee! 
He visto que algunos de vosotros habéis seguido mi guía para customizar etiquetas, pero no sabéis centrarlas. No lo dije en el tutorial. Pero leches, el tuto era eterno, no podía decirlo todo, jajajaja.

Así que os lo digo por aquí. Es bastante sencillo centrarlas, solo que tienes que buscar el código en html. Saber cuál es el código a mí me costó un poco. A ti no te va a costar porque te lo digo yo ;)

Ya sabemos el procedimiento: 
1) Copia de seguridad.
2) Plantilla>Editar HTML
3) Ctrl+F y buscáis ésto:

<span class='post-labels'>

Yo he cambiado mi plantilla, así que no te asustes si no tienes algunas cosas que sí tengo yo. No es predeterminada. 

Justo encima de ésa línea, tenemos ésto: 

 <div class='post-footer-line post-footer-line-2'>

Justito delante abres la etiqueta <center>. Y la cierras donde termine el apartado.



Cuando veas que pasa a otro apartado, cierras la etiqueta. En mi caso, pasa al siguiente apartado a partir de aquí: 

 <div class='post-footer-line post-footer-line-3'><span class='post-location'>

Así que cierro la etiqueta antes.

Hablaba ahí arriba de cerrar la etiqueta <center>.
Se cierra así: </center>. 

Queda así:

<center><div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if>
 </b:loop>
 </b:if>
 </span>
 </div></center>



En éste apartado deberéis tener también, entre todo el lío, una coma. Podéis cambiarla por lo que querás: una barra, un guión, un puntito alto como tengo yo...

Le das a guardar y ¡listo!

Esta vez fue fácil de verdad, jajajaja. No como la última.

                                     
No sé si te habrás fijado, pero... ¡Cambié el diseño otra vez! Soy un culo inquieto... Qué quieres que te diga, me aburro rápido.

Ha sido día y medio de mucho trabajo, pero ¡¡está hecho!!

No han sido cambios muy drásticos, pero aún así paso a explicar: 
He tenido que quitar el menú desplegable porque puse el de páginas de blogger. Me ha gustado bastante el resultado. 
Para acceder a los post ordenador por categorías tenéis el índice y las etiquetas. El índice está perfectamente ordenado y actualizado.
En el sidebar disponéis también de un buscador. 

He quitado el botón de subir y he puesto una flechita en la base del blog. Lo verás si bajas.
El formulario de sugerencias de post/tutoriales sigue en la barra. Y mi e-mail lo tienes en el primer gadget del sidebar. 

Mis redes sociales están también en la base del blog. Prometo usarlas algún día.

Todavía no he terminado de hacer cambios en la plantilla, pero terminaré pronto. La he dejado habitable. 

La verdad es que no sé si me he dejado algo por colocar, si crees que sí déjamelo en los comentarios. 
Y si crees que no, dame una opinión: ¿Qué te parece el nuevo diseño?

Mua!!

Matemática de la carne-Bely Basarte


8 comentarios

  1. Te ha quedado muy bonito, muy sencillo y luminoso (I like it) Aunque yo siempre seré amante de tener 3 columnas, así se distribuye el espacio.
    ¡Besos!

    ResponderEliminar
    Respuestas
    1. Gracias!! A mí me gusta mucho el resultado también.
      A mí con dos columnas no sé... no me gusta, me desorienta y le deja menos espacio a la entrada.
      De hecho me gustan más los blog sin ninguna columna, jajajaja. Tal vez algún día quite el sidebar

      Eliminar
  2. ¡Gracias por el tutorial! :)
    Y WOW me encanta el nuevo diseño! Te ha quedado precioso! Me encanta el toque minimalista y ordenado que le has dado, sin duda es precioso y el índice de posts es genial y todo super ordenadito ♥

    ResponderEliminar
    Respuestas
    1. Jajajaja. Me lo han dicho mucho... ¿Estaba cargado antes? jajajaja
      Gracias!
      A mí me encanta. Estoy enamorada de la barra, jajajaja.
      Por supuesto aún me quedan cosas por cambiar... Espero terminar pronto.
      Mua!

      Eliminar
  3. Jajaja, nos hemos puesto de acuerdo. Lo del índice también me lo he hecho!! Es super chulo! ;)
    Y sobre ls etiquetas, gracias!! porque quería centrarlas!! Jaja en cuanto pueda me pongo, que ando de exámenes, hoy tengo uno, arg!! Que ganas de que terminen.
    Un besaco guapa

    ResponderEliminar
    Respuestas
    1. Yo el índice ya lo tenía hace tiempo... pero no creo que lo visitara mucha gente teniendo las secciones arriba. Ahora no quedan más narices! Espero que no suponga pérdida alguna, jajajaja.
      Es rápido hacerlo. Lo expliqué como pude, espero que quedara claro
      Suerte con los exámenes! Muaa

      Eliminar
  4. Todo lo que sea un tutorial para el diseño del blog me parece muy interesante. Este diseño de tu blog que veo ahora me gusta mucho. Se ven muy ordenados todos los contenidos en recuadros y me encanta cómo están los títulos (¿como con divs con color de fondo?) Yo cambié el diseño de mi blog hace unos meses, pero lo mismo cuando tenga tiempo empiezo a toquetear el código un poco también siguiendo algunos tutoriales, que también me gusta cambiar de vez en cuando.
    Un saludo :)

    ResponderEliminar
    Respuestas
    1. Los títulos con un CSS puedes ponerles color de fondo, sino mal recuerdo.
      Yo también voy cambiando de diseño cuando me aburro, jajajaja.
      La paleta de colores, y la organización... no sé, lo que pueda. Así se hace más entretenido.

      Eliminar

¡No te pierdas nada!