google-site-verification: googlefa726c33bfe55042.html Páginas numeradas no blogger 2012 - Info Silent Install
Follow InfoSilent on Twitter Follow AlemaoAddons on facebook

Páginas numeradas no blogger 2012

páginas numeradas blogger 2012
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

Um comentário:

  1. porque razão só na primeira página do blog é que me é exibida a numeração? nas restantes desaparece

    ResponderExcluir

adicione seu comentário