Paginas numeradas

Posted by Rafael | | Category: |






Esta dica é sempre util pois deixa o blog com cara de site. Vamos então a instalação:

Adicionar a CSS
Acesse o Painel do Blogger(blogger.com)Vá em Layout  -  Editar HTML  -  Marque Expandir Modelos de Widgets Procure pelo seguinte trecho "Utilize Ctrl e F": ]]></b:skin>
Antes dele adicione:

.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
Procure pelo código </body>
Antes dele adicioneo codigo:

<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
Procure pelo trecho:
'data:label.url'

Substitua pelo por:
'data:label.url + "?&max-results=7"'
Salve as alterações e pronto!
veja como deve ficar:

Currently have 1 comentários:

  1. muito bom! vlw msm cara! me ajudo bastante!:D


Leave a Reply