19 janeiro 2013

Tutorial - Paginação Numerada!



~ Boa tarde leitores! ~ 

Como vão? Sério estou viciada em blogger, é também amanhã é bem provável  que eu não poste 'nada' assim trago mais um post, como colocar paginação numerada no seu blog, esse tutorial eu peguei do Cherry Bomb, eu acho bem fofo, só não uso aqui por que eu não, gosto de irem com tanta facilidade nos meus posts antigos, que eram um verdadeiro fracasso, mais vocês usem é taãao fofo.. 

(Isso irá substituir o Postagens Antigas, Recentes e o Home) Gente, esse post e rascunhado, estava pronto a algum tempo, mais resolvi posta-ló agora. Enfim, faltam 4 seguidores para 250 seguidores que é a meta, ain prometo trazer um layout free, querem algo mais? Aqui abaixo você vê como ficará a numeração:


1.Vá no HTML do seu blog, procure pela tag </body> (Aperte Ctrl+F e digite para facilitar a busca)
2.Cole acima do trecho pesquisado, o seguinte código:
<script style='text/javascript'> var pageCount=5;var displayPageNum=5;var upPageWord=&quot;Anterior&quot;;var downPageWord=&quot;Próxima&quot;;</script> <script src='http://static.tumblr.com/y66747w/DqWm7hhf3/page-nav.js' style='text/javascript'> </script>
3.Agora procure por ]]></b:skin>  e cole logo acima, este código:

/* PageNav --------------------------- */
.showpageArea {
font-family:Verdana, Geneva, sans-serif;
color: #000;
font-size:11px;
 margin:10px; }
.showpageArea a { padding: 3px 8px;
 margin: 2px;
 font-weight: 700;
 text-decoration: none;
 color:#777; /* COR DA FONTE DO LINK PRÓXIMA */
 border:1px solid #ccc; /* BORDA DO LINK PRÓXIMA */
background: #eee; /* COR DE FUNDO DO LINK PRÓXIMA */ }
.showpageNum a { padding: 3px 8px;
 margin:0 4px;
 text-decoration: none;
 border:1px solid #999; /* BORDA DA NUMERAÇÃO */
background: #ddd ; /* COR DE FUNDO DA NUMERAÇÃO */ }
.showpageNum a:hover {
border:1px solid #888; /* BORDA DA NUMERAÇÃO QUANDO O CURSOR ESTÁ EM CIMA DELA */
background: #ccc; /* COR DE FUNDO DA NUMERAÇÃO QUANDO O CURSOR ESTÁ EM CIMA DELA */ }
 .showpageOf{ margin:0 8px 0 0; }
.showpagePoint {
text-decoration: none;
padding: 3px 8px;
 margin: 2px;
font-weight: 700;
border:1px solid #999; /* BORDA DA NUMERAÇÃO ATIVA */
background: #666; /* COR DE FUNDO DA NUMERAÇÃO ATIVA */
color:#fff; /* COR DA FOONTE DA NUMERAÇÃO ATIVA */ } 
Se não aparecer na hora, não se desespere, as vezes demora um pouco para aparecer no blog. Dentro de alguns dias aparece. Uma coisa que deve ser levada em conta é se os feeds do blog estão certos, as vezes tem algum erro e ai nada funciona, nem posts relacionados,nem paginação e todos widgets que usam jason. Ah e em blog de testes fechado também não funciona. E também o numero de posts por página (configurado no painel) deve ser o mesmo no script -nesse caso é 5-

9 comentários:

  1. Adorei o tuto,tal vez use no proximo lay.
    Beijos.

    ResponderExcluir
  2. Que legal, mto útil. Vou fazer no meu...
    Eu queria saber como faz para colocar as tags na barra lateral,vc sabe?
    Tem post novo por lá no Garota... bjinhos!

    http://garotacafona.blogspot.com

    ResponderExcluir
    Respostas
    1. É, muito fácil, você tem que ir em adicionar um gadget e adicionar o gadget ''Marcadores'' Prontinho.. Lá voocê escolhe como quer ^-^

      ~Kissus'

      Excluir
  3. Amo esse tutu, uso na maioria dos lays do MEDB

    Xoxo, Sáah
    -Mundo Encantado da Barbie

    ResponderExcluir
  4. Adorei o tuto, é super útil e da um toque especial no blog.

    garotadifferente.blogspot.com

    ResponderExcluir
  5. Muito legal o tutorial , muito lindo .
    http://modaebelezasdaspattys.blogspot.com.br/

    ResponderExcluir

Yoo ~ Humano você parou nesse mundo por que cometa? A sim o cometa pink. Aqui nesse mundo estamos cheias de coisas legais, mais você se quiser conversar com a gente escreva aqui alguma coisa, sempre responderemos com carinho, mais tem algumas regras que são necessárias segui-las:
- Nunca nunquinha fale palavrões aqui, excluímos e caso tiver algum blog, nosso sistema te denunciará por, falta de respeito.
- Expresse sua opinião, mais caso chegar a agredir, alguém ou o blog com xingamentos por exemplo ''\Sem criatividade'' ''Você plágia'' e etc.. Excluiremos, pois não precisamos desse tipo de ''opiniões''.
- O famoso ''Estou seguindo retribui?'' Bem se eu gostar eu sigo, mais se você comentar assim ''Segui o meu blog que eu sigo o seu!'' Not, not, precisa seguir o blog para dizer isso..
- Se for encomendar alguma coisa visite mundomágicode*encomendas.tk e encomende com o nome ''Kellen''
- Se mais alguma dúvida pergunta aqui embaixo.. Besos'