Widgets

paginas numeradas com rack corrigido

0 comentários

Conforme imagem abaixo, com este hack para paginas numeradas, seu blogue ganhará mais usabilidade e o tornará mais profissional,

então vamos por a mão na massa e proceder as devidas modificações…

 

colocando paginas numeradas no blog

Adicionar a html
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;

Salve e agora, marque “Expandir modelos de widgets”

Corrigindo o Template
5.Procure pelo trecho seguinte:(Existem no html vários)
'data:label.url'
Substitua todos que encontrar  por:
'data:label.url + &quot;?&amp;max-results=7&quot;'
6.Salve as alterações e visualize.
UPDATE: Corrigido os erros no código 5
Referência:Abu Farhan

O que achou deste post? comente agora

Todo comentário é bem vindo, pois acrescenta muito aos nossos posts, portanto, fique a vontade para debater sobre nossos assuntos...

setaretornoaotopo