-->

Como centrar el titulo de las Entradas en Blogger


Para centrar el titulo de las entradas, dependiendo 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, ejemplo: 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);

} 


En algunas plantillas antiguas, tal vez sea necesario no dejar un espacio entre: y center , quedando de la siguiente manera:


text-align:center;  [notaran que ya no hay espacio entre" : y center"]



*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>


Nota,-si el titulo de la entrada es muy largo y quieren visualizarlo en dos renglones, la forma de hacerlo es agregando el comando<br> para separar los renglones; lo único extraño sería que en la etiqueta del titulo en la pestaña se vería el <br>, pero en realidad no importaría mucho para cuando se realice una busqueda por parte de un robot (Buscador).

Como hacer "Cuadro enlazame" en tu Blog


Para agregar este cuadro la ruta sería la siguiente: Escritorio / Diseño / Añadir un Gadget / Seleccionan "HTML / Javascript" y en el cuadro de edición colocan el código para crear el cuadro.
La primera línea es la imagen de tu minibanner para que los que quieran enlazar tu página o Blog vean que minibanner van a agregar a sus páginas. Reemplaza las partes que están en color azul con los datos de tu sitio.

<center><img src="URL de la Imagen del minibanner"/></center>
<br>
<center><textarea rows="2" cols="20" onclick="this.select();"><a href="URL de tu Página o Blog"target="_blank" ><img alt="Descripción de la Página o Blog" title="Descripción de la Página o Blog" src="URL de la imagen del minibanner"/></a></textarea></center>

*Ahora, después de que agregues el cuadro de enlázanos, las personas que quieran copiarlo, podrán seleccionarlo, con solo hacer un clic sobre él.

*Notarás que hay una parte en rojo, este pedazo de código hace que al hacer clic sobre el enlace, este se abra en otra ventana o pestaña, si deseas que cuando se haga clic sobre tu enlace pase directamente a tu página o Blog en la misma ventana quita este código: target="_blank"

Para modificar las medidas del cuadro, cambia los valores en:
rows= Alto y cols= Ancho.

Si quieres que la imagen de tu minibanner se vea debajo del cuadro de enlázanos, simplemente deja la parte de su código en la parte de abajo.

<center><textarea rows="2" cols="20" onclick="this.select();"><a href="URL de tu Página o Blog"target="_blank" ><img alt="Nombre de tu Página o Blog" title="Descripción de la Página o Blog" src="URL de la imagen del minibanner"/></a></textarea></center>
<br>
<center><img src="URL de la Imagen del minibanner"/></center>

En alt y title se coloca la misma información, ya que esta es la que se verá al colocar el puntero del mouse sobre el minibanner, y algunos navegadores leen el alt y otros el title.