Paginação Simples

PAGINAÇÃO SIMPLES 

Olá pessoal.
Hoje estou trazendo uma página simples e compacta para seu tumblr.

É muito simples de instalá-la, basta seguir os passos do tutorial.

1º - CSS
Vamos começar pelo CSS. Procure pela tag </head> e cole o seguinte código antes dela.

<style type="text/css">

/* PAGINAÇÃO BY: DANNIEL - TRICKS TUMBLR.blogspot.com */

#paginacao1 {font-size: 11px; font-weight: bold; line-height: 21px; }

#paginacaol a {background: #f4f4f4; margin: 0 1px 0 0; padding: 2px 4px; color: #888; text-decoration: none;}

#paginacaol a:hover {background: #f9f9f9; border: none;}

#paginacaol span.pagina_atual {background: #f9f9f9; margin: 0 1px 0 0; padding: 2px 4px; color: #777; text-decoration: none;}

#paginacaol span.info {background: #f4f4f4; margin: 0 1px 0 0; padding: 2px 4px; color: #888; text-decoration: none;}

/* Fim da Paginação */

</style>

Feito isso vamos ao segundo passo.

2º - Colocando a paginação.

Agora, procure o lugar de sua preferência, e cole o seguinte código:

<center><div id="paginacaol">Página<br /><span class="info" style="font-weight: normal;">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}

<span class="info" style="font-weight: normal;"><b>{CurrentPage}</b>/<b>{TotalPages}</b></span>

{block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}

</div></center></div><br>

 Agora Atualize a Visualização e veja como ficou, se gostar, clica no Salvar, caso não goste, clique em Fechar.

DICA
Aconselhamos que faça um backup do seu código antes de realizar o tutorial. É muito fácil, copie o HTML do seu theme, e cole no bloco de notas ou em qualquer outro programa de texto.