Numerar as páginas de blogs

Gostava de numerar as páginas do seu blog como apresento na imagem abaixo? Agora já é possível. Mohamed Rias do Blogger Accessories , desenvolveu um hack para a paginação de posts.

Tutorial

No "Layout", vá a "Editar HTML" e salve o seu template clicando em "guardar Modelo Completo".

Não marque a caixa "Expandir Modelos de Widget".

Copie o código a seguir e cole no final da sua CSS, ACIMA da tag:

]]></b:skin>

Se pretende usar um favicon animado use os dois códigos abaixo e mande para a

.showpageArea a {text-decoration:underline;}

.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;}

.showpageNum a:hover {
border: 1px solid #ccc; background-color:#ccc;}

.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;}

.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;}

.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;}

.showpage a:hover {text-decoration:none;}

.showpageNum a:link,.showpage a:link {
text-decoration:none; color:#333;}

Modifique as cores de acordo com as cores do seu blog.

Agora procure o código referente à área do main no seu template:

<b:section class="'main'" id="'main'" showaddelement="'yes'"><br /><b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"><br /></b:section>

Copie o JavaScript do arquivo anexo e logo ABAIXO de

</b:section>

cole o código.

Por definição, será mostrado 5 posts por página e 5 páginas. Pode alterar esses valores acedendo aos códigos "var pageCount = 5" e "var displayPageNum = 5". Altere esses números de acordo com a sua preferência.


Pré-visualize o seu template para verificar se os códigos estão correctos, e se estiver bem, salve o template.

Essa numeração de páginas irá ser mostrada na home page, nas postagens por marcador e nas postagens por mês (arquivo do blog).