quinta-feira, 24 de novembro de 2011

paginas numeradas

Eaw galera,
Nesse tutorial  vou ensinar a colocar páginas numeradas na página principal do blog.
Vá em "Design - Editar HML" e procure pela linha


]]></b:skin>

Acima dela adicione o seguinte código:


/* Page Navigation
----------------------------------------------- */
#blog-pager {
float: center;
}
.showpageArea {
margin: 10px 0;
}
.showpageArea a {
text-decoration: none;
}
.showpageNum a {
font-size:10px;
padding: 4px 8px 4px 8px;
margin: 2px;
text-decoration: none;
border: 1px solid #282828;
color: #000;
background-color: #ffffff;
}
.showpageNum a:hover {
border: 1px solid #333;
color: #000;
background-color: #cccccc;
}
.showpagePoint {
font-size:10px;
padding:4px 8px 4px 8px;
margin:0 5px 0 5px;
font-weight: bold;
border:1px solid #282828;
color:#000;
background-color: #cccccc;
text-decoration: none;
}
.showpageOf {
font-size:10px;
padding: 4px 8px 4px 8px;
margin: 5px;
color: #ffffff !important;
border: 1px solid #282828;
background-color: #838383;
}
.showpage a {
font-size:10px;
text-decoration:none;
border: 1px solid #282828;
padding: 4px 8px 4px 8px;
}
.showpage a:hover {
text-decoration:none;
border: 1px solid #282828;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#838383;
}

Depois disso procure pela linha


</body>

E, acima dela, adicione este código:


<!--Page Navigation Starts-->
<script align='center' type='text/javascript'>
var pageCount=3;
var displayPageNum=15;
var upPageWord =&#39;Voltar&#39;;
var downPageWord =&#39;Próximo&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v2.js' type='text/javascript'/>
<!--Page Navigation Ends-->


var pageCount=3;  é quantidade de página por numero , exemplo: Na pagina 1 vai ter 3 paginas , quando adicionar a quarta pagina aparece a página 2 e assim sucessivamente 


var displayPageNum=15;  Numero de Páginas Numeradas que irá aparecer




Resultado Final:
 

Nenhum comentário:

Postar um comentário

 

blogger templates | Make Money Online