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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Anterior';
var downPageWord ='Próxima';
</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' |
1 | 'data:label.url + "?&max-results=< strong >5</ strong >"' |
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