Añadir enlaces de navegación en las nuevas plantillas de blogger

Con la llegada de los nuevos temas de blogger, (Contemporánea, Soho, Emporio y Destacado), también se quitaron algunas funciones que incluían las viejas plantillas, entre esas la función de navegación con los enlaces de entradas recientes y entradas antiguas

Buscando en los foros de Google di con la solución aquí, y aprovecho para replicarla ya que puede ser de gran ayuda.

Paso 1 :

Abra el editor de HTML y localice el widget "Blog1"
.

Paso 2 :

En "postPagination" incluir los codigos en rojo:



<b:includable id='postPagination'>
  <div class='blog-pager container' id='blog-pager'>
    <b:include cond='data:newerPageUrl' name='super.previousPageLink'/>
    <b:include cond='data:olderPageUrl' name='super.nextPageLink'/>
    <b:include cond='data:view.url != data:blog.homepageUrl' name='super.homePageLink'/>
  </div>
</b:includable>


Paso 3 :

Buscar "main" e incluir la parte que está en rojo:



<b:includable id='main'>
          <b:include name='noContentPlaceholder'/>
          <b:include name='super.main'/>
          <b:include cond='data:view.isPost' name='postPagination'/>
</b:includable>



Paso 4 :

Añadir en la parte del CSS, antes de
]]></b:skin>:


.blog-pager-newer-link { float: left; }
.blog-pager-older-link { float: right; }




1 comentario:

  1. Gracias, lo estaba buscando, esas nuevas plantillas son un lío total para modificarlas, me pierdo fácilmente a la hora de querer hacer algunos cambios, es que son muy diferentes en su estructura a las antiguas y uno encuentra tutoriales sólo para los viejos templates de blogger, pero bueno, que se le va hacer, tocará adaptarnos poco a poco a estos cambios y ver que se da y que no.

    ResponderEliminar