30 de nov. de 2013

Como numerar as Páginas do Blog


Oieee - de novo - voltando - de novo - com a maratona de tutoriais eu vou ensinar a fazer as páginas numeradas no rodapé.
Imagem: Cherry Bomb
 Para começar procure por ]]></b:skin> mas para facilitar procure por:
]]>
E cole acima dessa TAG o código seguinte:


.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
background: #cccccc; /*COR DO FUNDO DOS NÚMEROS /*
margin:0 2px;
padding:5px;
}
.showpageNum a:hover {
border: 0px solid #cccccc;
background-color: #00ffff;
}
.showpagePoint {
color:#333; /* COR DO TEXTO /*
text-decoration:none;
border: 0px solid #cccccc;
background: #00ffff; /*COR DO FUNDO DOS NÚMEROS SELECIONADOS/*
margin:0 2px;
padding:5px;
}
.showpageOf {
text-decoration:none;
padding:5px;
margin: 0 2px 0 0;
}
.showpage a {
text-decoration:none;
background-color: #cccccc; /*COR DE FUNDO DO "PRÓXIMO"/*
padding:5px;
}
.showpage a:hover {
text-decoration:none;
background:#00ffff; /*COR DE FUNDO  DO "PRÓXIMO" SELECIONADO/*
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#000;
Visualize e se estiver tudo certo salve.
Procure por:
</body>
E cole acima  dessa TAG o seguinte código:


<!-- Inicio do codigo de navegacao -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
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>
<!-- Final do codigo de navegacao -->
 
Não altere nada.
Então é isso seus lindos...
Beijooos <3

Nenhum comentário:

Postar um comentário