Colocar menu de navegação por página na parte superior do Blogger

Vá até o Modelo de seu blog, clique em Editar modelo

  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011

Clique em "Expandir modelos de widgets"

Procure por:

<b:include name='nextprev'/>

E apague.



Agora procure por:

<b:if cond='data:mobile == &quot;false&quot;'>

    <!-- posts -->

    <div class='blog-posts hfeed'>

Substitua então pelo código abaixo:


  <b:if cond='data:mobile == &quot;false&quot;'>

    <!-- posts -->
    <div class='blog-posts hfeed'>
<b:include name='nextprev'/>

Se preferir dar estilo:




 Procure por:


.blog-pager {
  background: $(paging.background);
}


.blog-pager-older-link, .home-link,
.blog-pager-newer-link {
  background-color: $(content.background.color);
  padding: 5px;
}

 E troque por:

Modelo 1

.blog-pager {
background: #000;
padding: 8px 3px 8px 3px;
}
.blog-pager  a{
 color: #000;
}
.blog-pager-older-link, .home-link,
.blog-pager-newer-link {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
padding:6px 8px; margin:10px 3px 10px 3px;
}

Modelo 2

.blog-pager {
background: #eee;
padding: 14px 3px 14px 3px;
border: 1px dashed #808080;
box-shadow: 0.1em 0.1em 0.2em black;
}
.blog-pager  a{
text-shadow: 0.1em 0.1em 0.2em black;
color: #fff;
border: 1px dashed #808080;
background: #ccc;
}
.blog-pager-older-link, .home-link,
.blog-pager-newer-link {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background:#eee;
border: 1px dashed #808080;
font: 14px/18px sans-serif;
padding:6px 8px; margin: 0 10px 3px 10px;
box-shadow: 0.1em 0.1em 0.2em black;
}