Páginas numeradas no blogger 2012
Marcadores:
Dicas para Blog
Quem acompanha o blog notou que coloquei numeração de páginas aqui.Facilita a navegação para o usuário.Primeiro faça seu login no blogger,vá em Design-editar HTML,recomendo fazer um backup do template clicando em baixar modelo completo.
Clique em expandir modelos de widgets
Vamos aos códigos:
Encontre esta linha ]]></b:skin> (Shift+F para procurar)
Acima dessa linha cole o seguinte código:
/* Page Navigation */
.pagenavi{clear:both;margin:10px auto;text-align:center}
.pagenavi span,.pagenavi a{padding:3px;margin-right:5px;background:#fff;border:1px solid #c20c0c}
.pagenavi a:visited{color:#c20c0c}
.pagenavi a:hover,.pagenavi .current{background:#c20c0c;color:#fff;text-decoration:none}
.pagenavi .pages,.pagenavi .current{font-weight:bold}
.pagenavi .pages{border:none}
Agora encontre esta linha:
<b:widget id='Blog1' locked='false' title='Postagens no blog' type='Blog'/>
ou
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
e logo após insira este código:
<b:includable id='page-navi'>
<div class="pagenavi">
<script type="text/javascript">
var pageNaviConf = {
perPage: 5,
numPages: 9,
firstText: "First",
lastText: "Last",
nextText: "Next",
prevText: "Prev"
}
</script>
<script type="text/javascript" src="http://rilwis.googlecode.com/svn/trunk/blogger/pagenavi.min.js"></script>
<div class="clear" />
</div>
</b:includable>
Encontrar este código:
<b:include name='nextprev'/>
e substituí-lo por
<b:if cond='data:blog.pageType == "index"'>
<b:include name='page-navi' />
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='page-navi' />
<b:else/>
<b:include name='nextprev'/>
</b:if>
</b:if>
Salvar modelo e pronto.
Para alterar o número da página exibida eo número de postos por página, você pode alterar o valor na etapa 2:
perPage: 5,
numPages: 9,
firstText: "First",
lastText: "Last",
nextText: "Next",
prevText: "Prev"
perPage: número de post por página.
NumPages: número da página exibida.
firstText, lastText, nextText e prevText são os textos utilizados na navegação da página.
Você pode trocar First por inicio,Last por última,Next por próxima e Prev por anterior se desejar.
Nota:
- Valor da variável perPage eo número máximo de post por página no Painel do Blogger deve ser igual. Por exemplo, se você definir o valor de perPage no passo 2 é de 5, depois de salvar modelo, vá para Painel do Blogger -> Configurações -> Formatação e altere o valor do Show, no máximo, a 5
- Você pode alterar a CSS na etapa 1 para tornar a navegação página numerada exibido como você quer.
RSS/Feed: Receba automaticamente todas os artigos deste blog!
Clique aqui para assinar nosso feed. O serviço é totalmente gratuito
Clique aqui para assinar nosso feed. O serviço é totalmente gratuito
Assinar:
Postar comentários (Atom)
porque razão só na primeira página do blog é que me é exibida a numeração? nas restantes desaparece
ResponderExcluir