Altere a classe navigation e dê um up na aparência do seu blog!

O "page navi" é aquela parte do código correspondente as postagens antigas e postagens recentes padrão do Blogger e serve para uma melhor estética e visualização dos resultados em pesquisas em seu blog.

Para que seja iniciado o processo, abra  seu Painel do Blogger  Vá em Design > Editar HTML


2º- Aperte Ctrl +F e Procure Por </body>

3º  Acima dessa Tag </body>  Cole o Seguinte Codigo:

<!-- Inicio do codigo de navegacao -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Anterior&#39;;
var downPageWord =&#39;Próximo&#39;;
</script>
<script src='http://bcreate.zxq.net/blogger-pagenavi.v6.js' type='text/javascript'/>
</b:if>
<!-- Final do codigo de navegacao -->



   4 - Novamente Dê Crtl+F e Procure Por ]]></b:skin>

   5 - Após Isso Escolha Um Modelo de Navegação que lhe melhor lhe agradar:


 Modelo 1

 Modelo 2

 Modelo 3

 Modelo 4

 Modelo 5

 Modelo 6

 Modelo 7

 Modelo 8

 Modelo 9

 Modelo 10

   6 - Após a escolha do modelo, pegue agora o código que corresponde ao Modelo escolhido anteriormente:


 Código do Modelo 1

 Código do Modelo 2

 Código do Modelo 3

 Código do Modelo 4


 Código do Modelo 5

 Código do Modelo 6

 Código do Modelo 7

 Código do Modelo 8

 Código do Modelo 9

 Código do Modelo 10


    7 - Copie  o Codigo do modelo  escolhido e cole acima da Tag  ]]></b:skin>

   8 -Feito Isso  visulize e Salve o Template! Pronto O Page-navi Estará Feito! So processo não funcionar, limpe as alterações e refaça o Processo.

Postagem feita com base no tutorial:Hack:PageNavi Blogger v.2011 do site bCreate.net

Share This :