Baixar Brasil Baixar Templates Novos Top Novos download

Avatar
Paginas numeradas

Eaw Galera! aqui é o Akatsukage e hoje eu venho aqui para trazer mais 1 tutorial o nono 'o'. Bom Vamos a esse novo tutorial que é como colocar páginas numeradas no seu blog.

Vá em MODELO>>> DEPOIS EDITAR HTML>>> E procure por:
]]></b:skin>

Acima dele adicione esse código:

/* Page Navigation ----------------------------------------------- */ #blog-pager { float: center; } .showpageArea { margin: 10px 0; } .showpageArea a { text-decoration: none; } .showpageNum a { font-size:10px; padding: 4px 8px 4px 8px; margin: 2px; text-decoration: none; border: 1px solid #282828; color: #000; background-color: #ffffff; } .showpageNum a:hover { border: 1px solid #333; color: #000; background-color: #cccccc; } .showpagePoint { font-size:10px; padding:4px 8px 4px 8px; margin:0 5px 0 5px; font-weight: bold; border:1px solid #282828; color:#000; background-color: #cccccc; text-decoration: none; } .showpageOf { font-size:10px; padding: 4px 8px 4px 8px; margin: 5px; color: #ffffff !important; border: 1px solid #282828; background-color: #838383; } .showpage a { font-size:10px; text-decoration:none; border: 1px solid #282828; padding: 4px 8px 4px 8px; } .showpage a:hover { text-decoration:none; border: 1px solid #282828; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#838383; }

>>Logo depois Procure por body:


</body>


Logo acima adicione o seguinte código:


<!--Page Navigation Starts--> <script align='center' type='text/javascript'> var pageCount=3; var displayPageNum=15; var upPageWord =&#39;Voltar&#39;; var downPageWord =&#39;Próximo&#39;; </script> <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v2.js' type='text/javascript'/> <!--Page Navigation Ends-->


var pageCount=3; // é a quantidade de pagina por numero exemplo: Na pagina 1 vai ter 3 paginas, quando adicionar a quarta pagina aparece a pagina 2 e assim sucessivamente


var displayPageNum=15; // é o numero de páginas numeradas que vai aparecer.


Espero que gostem do tutorial.
Agradecido:



~Akatsukage.

0 comentários:

Postar um comentário