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 ='Voltar'; var downPageWord ='Próximo'; </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