Páginas numeradas no Blogger (Corrigido)

Filled under:

Está é uma postagem para corrigir o Hack de páginas numeradas  que foi mostrado aqui noblog, 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:
&lt;script type='text/javascript'&gt;
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Voltar';
var downPageWord ='Próxima';
&lt;/script&gt;
&lt;script src='http://www.yourjavascript.com/19425042120/pagenav.js' type='text/javascript'&gt;&lt;/script&gt;

Corrigindo o Template

5.Procure pelo trecho seguinte:
'data:label.url'
Substitua pelo por:
'data:label.url + &quot;?&amp;max-results=7&quot;'

8 comentários:

  1. parabens pelo seu blogsite
    topa parceria http://willinks.blogspot.com.br/

    ResponderExcluir
  2. Opa topo sim só mandar link de banner :)

    ResponderExcluir
  3. cara infelismente não aceiitou o html do banner no comentario
    mas ele esta nesta pagina
    http://willinks.blogspot.com.br/p/parceria.html
    já add seu banner valeu

    qualquer problema me deixa um comentario blz

    ResponderExcluir
  4. Olá amigo tudo bem?

    Eu uso essa template em meu blog http://johny-darkgamer.blogspot.com.br/ porém nele ao invés de aparecerem páginas numeradas aparece "inicio" "postagens mais antigas"

    Eu gostaria de colocar as páginas numeradas do jeito que está nessa template para combinar com o blog,você tem idéia de como eu posso fazer isso?

    Obrigado pela ajuda

    ResponderExcluir
  5. Olá amigo, leia esse tutorial sobre páginas numeradas e siga passo a passo, nele vc encontrará o código para adicionar páginas numeradas no seu site :D abraços e obrigado pela visita...

    ResponderExcluir
  6. Deu certo.

    Não sei pq no meu blog de testes não apareceram as páginas numeradas mas quando eu instalei a template no blog "original" elas apareceram.

    Valeu
    Abraços

    ResponderExcluir
  7. Já aconteceu comigo tbm, quando fui ver tinha um errinho na minha html que impedia a funcionalidade do SCRIPT :/ ...

    valeeu amigo
    abraços.

    ResponderExcluir

Obrigado pela visita e mais ainda pelo comentário...