quinta-feira, 5 de maio de 2011

Como numerar as páginas do blogue

Como estão ver este blog já tem numeração de página, isto vai devagarinho mas vai lá, este post serve para explicar os passos para quem quiser fazer o mesmo, a fonte é blogafacil

1) Faça o login para Painel do Blogger e navegue até Layout> Editar Html
2) Deixe desmarcado a opção ‘Expandir modelos de widgets`
3) Agora procure por ]]></b:skin> (faça Ctrl+F para abrir uma caixa de pesquisa rápida e escreva o que quer procurar)
4) E cole este código antes de ]]></b:skin>
 
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
 
5) O Próximo passo é a parte de Java script procure por
</body>

6) E substitua por
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Anterior&#39;;
var downPageWord =&#39;Próxima&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-
page-navi.v1.js'type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->
 
agora Expandir modelos de widgets
 
Agora procure por








1'data:label.url'
(incluindo as aspas) e substitua por





1'data:label.url + &quot;?&amp;max-results=<strong>5</strong>&quot;'

onde 5 é o nº de post por pág

Antes de encontrar este código de numerador , tinha visto o do abu-farhan, que até é mais bonito mas o código está feito a aparecer by  abu-farhan, para quem não se importar abu-farhan

O autor de onde tirei estes códigos, baseou-se nos códigos do abu-farhan mas tirou-lhe o by , e não deixou com o mesmo design infelizmente.

Sem comentários:

Enviar um comentário