Páginas numeradas no Blogger (Corrigido)

Está é uma postagem para corrigir o Hack de páginas numeradas que foi mostrado aqui no blog, este hack é sempre util pois como já falei na postagem antiga, deixa o blog com uma cara de site. Este hack é mais simples de instalar pois ele tem um Java Script embutido em forma de url, o que torna ele menos extenso e mais objetivo. Vamos então a instalação:

Adicionar a CSS

1.Acesse o Painel do Blogger(blogger.com)


2.Vá em Layout->Editar HTML->Marque Expandir Modelos de Widgets

3.Procure pelo seguinte trecho "Utilize Ctrl e F":

]]></b:skin>

Antes dele adicione o seguinte:

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

}

Adicionando o Script

4.Procure pelo seguinte código:


</body>

Antes dele adicione o seguinte:

<script type='text/javascript'>

var home_page="/";

var urlactivepage=location.href;

var postperpage=7;

var numshowpage=4;

var upPageWord ='Voltar';


var downPageWord ='Próxima';

</script>

<script src='http://www.yourjavascript.com/19425042120/pagenav.js' type='text/javascript'></script>

Corrigindo o Template

5.Procure pelo trecho seguinte:

'data:label.url'

Substitua pelo por:


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

6.Salve as alterações e visualize.



UPDATE: Corrigido os erros no código 5

Referência:Abu Farhan

OS COMENTÁRIOS AJUDAM MUITO E INCENTIVAM,
PORTANTO NÃO DEIXE DE FAZER O SEU!