Cambiar de lugar los enlaces de navegaci?n

Los enlaces de navegaci?n son esos links que aparecen al final de todo el blog y al final de las entradas que dicen "Entradas recientes", "P?gina principal" y "Entradas antiguas". Siempre aparecen al final a menos que la plantilla los tenga ocultos.

Pero que siempre aparezcan ah? no significa que no podamos cambiarlos de lugar. De hecho vamos a ver c?mo cambiarlos de lugar, ya sea ponerlos arriba de todas las entradas, arriba de los comentarios, o arriba de cada entrada individual.

Lo que vamos a hacer es simple, primero condicionaremos los que ya tenemos para que no sean visibles en las entradas, as? que entra a la Edici?n HTML de la plantilla, marca la casilla Expandir plantillas de artilugios y busca este c?digo:

<b:include name='nextprev'/>

En su lugar pon este:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:include name='nextprev'/>
</b:if>

Con eso haremos que los que tenemos siempre debajo del todo no se muestren en las entradas individuales.

Ahora puedes decidir d?nde quieres tenerlos.

Arriba de los comentarios

Si quieres tenerlos entre el final de la entrada y el inicio de los comentarios, busca esta parte en tu plantilla:

</b:includable>
<b:includable id='status-message'>

Justo arriba de ese c?digo agrega esto:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include name='nextprev'/>
</b:if>

Arriba de cada la entrada

Con esta forma podr?s poner los enlaces de navegaci?n justo arriba de la entrada, es decir, antes del t?tulo del post.
Para ello busca esta l?nea:

<b:includable id='post' var='post'>

Debajo de ella agrega esto:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include name='nextprev'/>
</b:if>

Con esos dos m�todos anteriores los enlaces de navegaci?n se ver?n s?lo en las entradas individuales, as? que hay que ingresar al post para verlos.

Arriba de todas las entradas

Con esta forma haremos que se muestren hasta arriba de todas las entradas, as? que si quieres puedes conservar los enlaces de navegaci?n de hasta abajo, si es as? omite el primer paso, sino puedes continuar.

Para ponerlo arriba de todas las entradas busca esta l?nea:

<b:includable id='main' var='top'>

Debajo de ella agrega esto:

<b:include name='nextprev'/>

Independientemente de d?nde hayas decidido ponerlos puedes darles un poco de estilo, por ejemplo puedes cambiar los enlaces de navegaci?n por una imagen, o agregarle un poco de CSS, como ponerle un color de fondo, un borde, etc.

Tan s?lo a?ade antes de ]]></b:skin> este c?digo:

#blog-pager {
background:#eee; /* Color de fondo */
border:1px solid #ccc; /* Borde */
padding:8px;
/* Bordes redondeados */
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#blog-pager a {
background:#eee; /* Color de fondo */
color:#000; /* Color de los enlaces */
}

Ese es s?lo un ejemplo sencillo pero se pueden a?adir m?s estilos si lo deseas.