Cambiar entradas antiguas por imagen en Blogger

Tweet

Este es un hack para cambiar las frases al final de tu blog en Blogger: Entradas antiguas, entradas mas recientes y pagina principal por unas imagenes que funcionen como vinculo y que identifiquen dichas acciones.

Paso 1.- Ve a diseño / edicion de html / expandir plantilla de artilugios, una vez alli haz: Control + F y te saldra un widget para buscar el codigo, buscate este:

<b:includable id='nextprev'>

Paso 2.- respalda tu plantilla.

Paso 3.- Identifica a continuacion este codigo:

<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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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>

Paso 4.- Borra con confianza dicho codigo y reemplazalo integramente por el que viene a continuacion:

<b:includable id='nextprev'>
<div id='blog-pager'>
<br/><b:if cond='data:newerPageUrl'>

<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'><img src='http://bp1.blogger.com/_Onf3OTr1X5Y/SGP-bsoylNI/AAAAAAAABGo/9hWUKo9ONUk/s400/left.gif'/></a>
</b:if><b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'><img src='http://bp2.blogger.com/_Onf3OTr1X5Y/SGP-8YacvcI/AAAAAAAABGw/sM1nx3OlGvQ/s400/right.gif'/></a>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://bp1.blogger.com/_Onf3OTr1X5Y/SGP_OseSSkI/AAAAAAAABG4/s-mkoZ4pY3k/s400/home.gif'/></a>
</div>
<div class='clear'/>
</b:includable>

Donde dice Http://XXXXXX puedes cambiarle por otras imagenes que llegues a encontrar por ahi en alguna otra pagina, cuando veas una imagen que te guste, copiala... hosteala en blogger y pon en su su lugar la nueva url.

Te debe de quedar asi:


Por si quisieras en vez de poner una imagen, cambiar simplemente la frase, aqui esta la solucion:

<b:includable id='nextprev'>
<div id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>Hacia las mas recientes</a>
</b:if> <b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>Hacia las mas antiguas</a>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>Pagina de Inicio</a>
</div>
<div class='clear'/>
</b:includable>

Como siempre: eso es todo... y que lo disfrutes.