Como colocar paginas numeradas no blog

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Como colocar paginas numeradas no blog

Mensagem por Ligнтt~ em Qua Jan 16, 2013 9:52 pm

Olá galerinha irei ensina como coloca paginas númeradas em seu blog, é muito simples.

Então vamos ao tutorial.

Obs: Primeiro clique em expandir para nós podemos acho os codigos.

Obs: Para procura os codigos abaixo pressione as teclas Ctrl + F.

Depois Procure por ]]</b:skin> : ou ]] é adicione esse codigo antes disso.

Código:
.showpageArea {padding: 0 2px;margin-top:2px;margin-bottom:5px;
}
.showpageArea a {border: 1px solid #bddbe6;
color: #000000;font-weight:normal;background:#fff;
padding: 3px 6px !important;font-size:11px;
margin:0px 2px;
background-image: url(http://i56.tinypic.com/212wwth.jpg);
text-decoration: none;-moz-border-radius:5px;
}
.showpageArea a:hover {border: 1px solid #bddbe6; color: #000000; background: #bddbe6;}

.showpageNum a {border: 1px solid #bddbe6;
color: #000000;font-weight:normal; font-size:11px;
padding: 3px 6px !important;margin:0px 2px;
text-decoration: none;-moz-border-radius:5px;}

.showpageNum a:hover {border: 1px solid #bddbe6;
color: #000000;background: #bddbe6;
}
.showpagePoint {font-size:11px;-moz-border-radius:5px;
padding: 2px 5px 2px 5px;margin: 2px;font-weight: bold;
border: 1px solid #0066cc; color: #fff;
background: #0066cc;}

.showpage{font-size:11px;-moz-border-radius:5px;}

.showpage a:hover {font-size:11px; border: 1px solid #0066cc; color: #fff;background-color: #0066cc;}

.showpageNum a:link,.showpage a:link {font-size:11px;
padding: 2px 4px 2px 4px; margin: 2px;
text-decoration: none;border: 1px solid #bddbe6;
color: #000;background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #bddbe6;color: #000000;
background-color: #bddbe6;font-weight:normal;}

Depois procure por <!-- end content-wrapper --> é adicione esse codigo abaixo.


Código:
b:if cond='data:blog.pageType != "item"' >
<script type='text/javascript' >
var pageCount=8;
var displayPageNum=6;
var downPageWord ='Próxima';
var upPageWord ='Anterior';

</script >
<script src='http://eddyvidaloka.webs.com/blogger%20page%20nav.js' type='text/javascript'/>
</b:if >


O codigo está preto se quiser altera é só salva o JS é muda a cor.

Esse foi mais um tutorial de croley obrigado.
avatar
Ligнтt~
Administrador
Administrador

Mensagens : 87
Moedas : 3463
Agradecido : 10

Ver perfil do usuário http://moldentec.forumeiros.com

Voltar ao Topo Ir em baixo

Re: Como colocar paginas numeradas no blog

Mensagem por Gabrieli em Qua Jan 16, 2013 10:03 pm

Uauu, muito Show... Gostei Smile
avatar
Gabrieli
Novato
Novato

Mensagens : 1
Moedas : 3302
Agradecido : 3

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum