Aprenda a colocar páginas numeradas no seu blog, é totalmente personalizável. Ficará similar a imagem abaixo.
A maioria dos tutoriais que você encontrar para colocar isso no seu blog, não te ensinará como trocar o fundo cinza, o que é muito fácil, e deixa suas páginas numeradas muito mais bonitas.
1- Vá até Design, Editar HTML, aperte CTRL+F e procure por:
]]></b:skin>E ACIMA dele, cole:
.showpageArea a {Observação: Na parte grifada de azul, aconselho a vocês a mudarem para alguma corCLARA, como por exemplo branco, bege ou então manter o cinza. Isso será o fundo das suas páginas.
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
background: #cccccc;
margin:0 2px;
padding:5px;
}
.showpageNum a:hover {
border: 0px solid #cccccc;
background-color: #00ffff;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 0px solid #cccccc;
background: #00ffff;
margin:0 2px;
padding:5px;
}
.showpageOf {
text-decoration:none;
padding:5px;
margin: 0 2px 0 0;
}
.showpage a {
text-decoration:none;
background-color: #cccccc;
padding:5px;
}
.showpage a:hover {
text-decoration:none;
background:#00ffff;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#000;
}
Na parte em vermelho, você poderá alterar para a cor que você quer que dê um "destaque" nas suas páginas.
E para mudar é só trocar os códigos coloridos pelo código de cor que vocês desejam colocar. Aqui você encontrará vários.
2- Aperte novamente CTRL+F e procure por:
</body>E ACIMA dele cole:
<!-- Inicio do codigo de navegacao -->
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
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>
<!-- Final do codigo de navegacao -->
Lembrando que se você usa algum tutorial aqui do blog, comente, queremos ver o resultado *-*
Ps: Se você quer que as suas páginas numeradas, fiquem com o formato da foto lá do começo do post, vocês deverão alterar a fonte do blog de vocês. Sugiro Tahoma, tamanho 10,5.
adorei o tutorial flor !
ResponderExcluirbeeijinhos
http://brugonzaga.blogspot.com/