Página Principal Menú Charkleons Radio Online Facebook - Charkleons.com YouTube - Charkleons.com Twitter - Charkleons.com

Cómo centrar los títulos de las entradas

Cómo centrar los títulos de las entradas -Charkleons.com
Blogger está actualizando sus plantillas, está encriptando algunos comandos de tal modo que es probable que ya no se puedan realizar algunos cambios. 


Para centrar el titulo de las entradas, dependieno de sus plantillas, deben colocar la siguiente línea debajo de la línea para el titulo de las entradas en sus plantillas:

text-align: center;

Según la antigüedad o como tengan de personalizada su plantilla (*Plantillas premium, más abajo lo muestro), la línea que les muestro arriba irá debajo de alguna de las siguientes líneas; por ejemplo mi plantilla usa la primera línea (en verde), la ruta sería: Plantilla / Editar HTML 

h3.post-title {

.post-title {


.post h3 {


.post-title { margin: 0; padding: 10px;

Ahora, presionando las teclas Control + F verás un buscador que sirve para usarlo en cualquier página, coloca el comando, ej: h3.post-title { y él te aproximará o ubicará en el lugar preciso.

Busquen cualquiera de las cuatro líneas que les muestro arriba en su plantilla; ahora solo tienen que ubicar la línea para centrar, debajo de la línea de titulo que ustedes usen; como ejemplo les muestro la mia.

h3.post-title {

    text-align: center;

    margin: 0;

    font: $(post.title.font);

}


*Para una plantilla de las que se consiguen con diseños ya hechos en páginas especializadas para plantillas, es muy probable que no vean ninguno de los códigos de arriba, por lo general la parte del titulo en estas plantillas es así:

<b:if cond='data:post.title'>
<div style="text-align: center;">
      <h3 class='post-title entry-title'>
       <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
</div>
    </b:if>

Solo tendrían que agregarle las etiquetas <div>, que están en color rojo, como pueden darse cuenta en este caso la estiqueta div se coloca sobre el <h3 class='post-title entry-title'> y no debajo de él, el cierre del </div> va sobre el último cierre del </b:if>, la mayoría de veces es fácil saber donde termina ya que después sigue un nuevo <div>

Espero que esta información les sea útil.

Gracias.

No hay comentarios:

Publicar un comentario

Gracias por comentar.