Menu de navegação no Blogger

Coloque um menu de navegação no Blogger substituindo o simples "postagens" e antigas recentes "postagens"



Vá até o HTML de seu blog e procure pelo seguinte código:

]]></b:skin>

Acima dele cole o próximo código:

/* Page area-----------------------------------------------*/

.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #ddd;
  }

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.showpagePoint {
  color:#fff;
  text-shadow:0 1px 2px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #999;
  background: #666;
  text-decoration: none;
  }

Agora procure pelo seguinte trecho:
</body>

E cole o próximo código antes dele.

<!-- Inicio do codigo de navegacao -->

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'></script>

<!-- Final do codigo de navegacao -->

O número na cor verde no código acima deverá ser o mesmo da quantidade de postagens mostradas em seu blog. Verifique e faça a alteração.

Agora clique em "Expandir modelos de widget" e procure pelo código:

'data:label.url'

Substitua por este:

'data:label.url + "?&max-results=7"'

Créditos: Abu Farhan. Veja AQUI 6 estilos para o menu