Enlaces de navegación códigos para recuperarlos

Los "enlaces de navegación" pueden verse al final de las páginas de nuestro blog y sirven, como su nombre indica, para "navegar" por las páginas anteriores o posteriores del blog. Ya hemos hablado sobre el tema anteriormente....

Existen templates que eliminan este tipo de enlaces ocultándolos con CSS de una forma similar:


#blog-pager-older-link {
float: right;
display: none;
}
#blog-pager-newer-link {
float: left;
display: none;
}
#blog-pager {
text-align: center;
display: none;
}


Si encontramos display: none; sólo hay que eliminarlo:

#blog-pager-older-link {
float: right;
}

#blog-pager-newer-link {
float: left;
}
#blog-pager {
text-align: center;
}

Si los enlaces de navegación están borrados

Si los enlaces de navegación se han eliminado del código HTML habrá que volverlos a incluir.



1. Diseño>Edición de HTML>expandimos artilugios -----Control+F y buscamos

<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>

2. Debajo pegamos el código, (si no está en plantilla o incompleto):


<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>


3. Bajamos un poco por la plantilla después de pegar lo anterior y localizamos un código similar al que se expone para añadir lo que está rojo:

<b:include data='post' name='post'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>

<!-- navigation -->
<b:include name='nextprev'/>

Un dato que puede afectar a la visión de los enlaces de navegación:

Añadir clear:both; en el lugar que corresponde a los enlaces en el CSS.

Localizamos este código en la plantilla y añadimos el clear:both; tal como veis en el ejemplo:

#blog-pager {
text-align: center;
font-weight:bold;
text-transform:uppercase;
clear:both;
}