Solución de problemas Nº1

Referencia: Beta Hacks - Posts Expandibles

Algo que siempre anduvo mal con este hack que permite contraer y expandir una parte de cualquier entrada del blog, es que todo era normal cuando estábamos en la página principal pero, cuando navegábamos utilizando los vínculos que provee Blogger y que se colocan al final de casi cualquier plantilla (Entradas Recientes / Entradas Posteriores), parecía colapsar ya que todos los posts mostraban el enlace que poníamos (Leer Más o cualquier otro) incluso aquellos donde no había texto oculto.

Durante mucho tiempo vi que no había solución al respecto y que, en realidad, ni siquiera se tenía idea de cuál era el problema; aparentemente, parecía ser algo que generaba el mismo Blogger cuando creaba la dirección URL pero, nada más.

Por casualidad, cuando alguien me envió una plantilla para revisar, me encontré con que el código que se utilizaba para esa sección, era distinto al que yo conocía y al que, por defecto, se veía en cualquier plantilla. Este, es el código en normal:

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

Donde:
<data:newerPageTitle/>
<data:olderPageTitle/>
<data:homeMsg/>
son los textos o imágenes que utilizamos para esos enlaces (en mi caso: Hacia las más recientes, Hacia las más antiguas y Página principal respectivamente).

El problema, se resuelve reemplazando lo resaltado en rojo. Es decir:

En lugar de:
expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
escribimos:
id='blog-pager-newer-link'

y en lugar de:
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
escribimos:
id='blog-pager-older-link'

Esto, simplemente significa eliminar data:widget.instanceId algo que no tengo la menor idea qué significado tiene ni cuál es su uso pero, no importa porque ahora, todo parece funcionar perfectamente.