15 de mar de 2011

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
Compartilhe essa postagem!
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

Recomendamos para você »

0 comentários

Seja livre para expor seu pensamento!

Se preferir, antes, leia nossas regras para comentários...
(Atenção: Comentários "Anônimo" não serão publicados. Escolha "Nome/URL". Obrigado!)
Bom comentário!

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Pré-Designed by BlogThietKe Designed by @Mundo_Informal
© 2012-2014 .::Mundo Informal::. Todos os direitos Reservados
Licença Creative Commons
...See you!
Voltar ao topo