piЯΑŦΑ DэsigИэЯ: Colocando Pag Numerada No Blog

Colocando Pag Numerada No Blog

LéØ

Bom este tutorial é bem simples, ensina a como colocar páginas numeradas no blog.

Adicione o código abaixo acime de ]]>

/* ---------------------- Navegaçao ------------------------- */
.showpage a{
text-decoration:none;
color:#fff;
font:bold 14px Arial, Helvetica, Verdana;
border:2px solid #09F;
background-color:#09F;
margin:2px;
padding:4px 5px
}
.showpage a:hover{padding:6px 8px 6px 8px;
color:#fff;
font:bold 14px Arial, Helvetica, Verdana;
border:2px solid #09F;
background-color:#000;
margin:2px;
padding:4px 5px
}
.showpageNum a {
text-decoration:none;
color:#fff;
font:bold 14px Arial, Helvetica, Verdana;
border:2px solid #09F;
background-color:#09F;
margin:2px;
padding:4px 5px
}
.showpageNum a:hover {
color:#fff;
font:bold 14px Arial, Helvetica, Verdana;
border:2px solid #09F;
background-color:#000;
margin:2px;
padding:4px 5px
}
.showpageNum a:active {
color:#fff;
font:bold 14px Arial, Helvetica, Verdana;
border:2px solid #09F;
background-color:#000;
margin:2px;
padding:4px 5px
}
.showpageOf {
color:#009000;
font:bold 14px Arial, Helvetica, Verdana;
border:2px solid #09F;
margin:2px;
padding:4px 5px
}
.showpagePoint {
color:#fff;
font:bold 14px Arial, Helvetica, Verdana;
border:2px solid #09F;
background-color:#000;
margin:2px;
padding:4px 5px
}

#blog-pager{
font:normal 12px Arial, Helvetica, Verdana;
margin:10px 0px 0px 0px;
padding:25px 0px 0px 0px;
background:url() no-repeat;
width:520px;
height:40px;
text-align:center;
}
#blog-pager a {
color: #fff;
}
#blog-pager {text-align: center;
}

e Depois Procure Por /body e coloque o codigo acima

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Voltar';
var downPageWord ='Próxima';
</script>
<script src='http://www.yourjavascript.com/19425042120/pagenav.js' type='text/javascript'></script>

OBS: Visualize o template antes de salvar modelo para ver

se não ocorreu algum erro com o template.

0 comentários