1- Encontre a Linha:
<b:includable id='mobile-index-post' var='post'>
2- Cole este código antes da linha acima:
<b:includable id='page-navi'>
<div class='pagenavi'>
<script type='text/javascript'>
var pageNaviConf = {
perPage: 5,
numPages: 5,
firstText: "First",
lastText: "Last",
nextText: "»",
prevText: "«"
}
</script>
<script src='http://awesome-navigation.googlecode.com/files/onlinetrick.js' type='text/javascript'/>
<div class='clear'/>
</div>
</b:includable>
Configure o código acima:
»perPage: 5, → Significa quantos posts serão exibidos por página de navegação.►Deve ser igual ao número de postagens na página principal que você configurou quando criou seu blog.
Confira em Configurações » Postagens e comentários » Mostrar no máximo X postagens na página principal.» Clique em Salvar configurações
»numPages: 5, →São quantos números de páginas serão exibidos na página de navegação.
»firstText: "First", →Altere First, se quiser, por Primeira página;
»lastText: "Last", →Altere Last, se quiser, por Última página;
»nextText: "»", →» Corresponde ao símbolo » você pode alterá-lo por outro símbolo;
»prevText: "«" →« Corresponde ao símbolo « você pode alterá-lo por outro símbolo.
3- Agora encontre a Linha:
<b:include name='nextprev'/>
4- Selecione a linha acima▲ e Substitua esta linha por este código abaixo ▼:
<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:if>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<b:include name='nextprev'/>
</b:if>
</b:if>
5- Agora encontre a Linha:
]]></b:skin>
6- Acima da linha cole o código abaixo:
/*---Page-Navigation--- */
#blog-pager, .pagenavi{
padding: 6px 10px;
clear: both;
text-align: center;
margin: 20px auto 10px;
}
#blog-pager a,
.pagenavi span,
.pagenavi a {
margin: 0 6px;
display: inline-block;
font-weight: 400;
line-height: 1.2em;
text-decoration: none;
background-color: #295874;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #FFFFFF;
padding: 5px 8px;
}
#blog-pager a:hover,
.pagenavi a:hover,
.pagenavi span.current{
background-color: #3180AE;
text-align: center;
}
#blog-pager-older-link,
#blog-pager-newer-link { float: none }
+ comentários + 1 comentários
Ola sou autora do blog Bau da Dri e instalei o código das paginas mas nao aparece segui tudo direitinho revisei e nao apareceu ,se puder me dar uma ajuda agradeço.
Postar um comentário