Numeração de páginas

Olá, este é meu primeiro post aqui no blog e estou trazendo um "hack" para blogger que é muito utilizado e procurado, que é a numeração de páginas, bom, vamos começar:

Vá em "DESIGN" > "EDITAR HTML" > e procure por:

]]></b:skin>

Coloque acima dele este código:

/* Page Navigation<br /> ----------------------------------------------- */<br /> #blog-pager {<br /> float: center;<br /> }<br /> .showpageArea {<br /> margin: 10px 0;<br /> }<br /> .showpageArea a {<br /> text-decoration: none;<br /> }<br /> .showpageNum a {<br /> font-size:10px;<br /> padding: 4px 8px 4px 8px;<br /> margin: 2px;<br /> text-decoration: none;<br /> border: 1px solid #282828;<br /> color: #000;<br /> background-color: #ffffff;<br /> }<br /> .showpageNum a:hover {<br /> border: 1px solid #333;<br /> color: #000;<br /> background-color: #cccccc;<br /> }<br /> .showpagePoint {<br /> font-size:10px;<br /> padding:4px 8px 4px 8px;<br /> margin:0 5px 0 5px;<br /> font-weight: bold;<br /> border:1px solid #282828;<br /> color:#000;<br /> background-color: #cccccc;<br /> text-decoration: none;<br /> }<br /> .showpageOf {<br /> font-size:10px;<br /> padding: 4px 8px 4px 8px;<br /> margin: 5px;<br /> color: #ffffff !important;<br /> border: 1px solid #282828;<br /> background-color: #838383;<br /> }<br /> .showpage a {<br /> font-size:10px;<br /> text-decoration:none;<br /> border: 1px solid #282828;<br /> padding: 4px 8px 4px 8px;<br /> }<br /> .showpage a:hover {<br /> text-decoration:none;<br /> border: 1px solid #282828;<br /> }<br /> .showpageNum a:link,.showpage a:link {<br /> text-decoration:none;<br /> color:#838383;<br /> }<br /> <br /> <br /> <b>Após fazer isso, procure por:</b><br /> </body><br /> <br /> <b>Adicione este código acima:</b><br /> <!--Page Navigation Starts--><br /> <script align='center' type='text/javascript'><br /> var pageCount=3;<br /> var displayPageNum=15;<br /> var upPageWord =&#39;Voltar&#39;;<br /> var downPageWord =&#39;Próximo&#39;;<br /> </script><br /> <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v2.js' type='text/javascript'/><br /> <!--Page Navigation Ends--><br /> <br />

No código você pode alterar o sistema de cores do código "Page Navegation", além de poder alterar no "Page Navigation Starts":

var pageCount=3; = Quantidade de páginas por número.

var displayPageNum=15; = Número de Páginas Numeradas que irão aparecer.

Fonte: DOS