Paginação com números no Tumblr
Foi sugerido para que eu criasse um tutorial de como criar paginação com números para colocar no Tumblr, e assim disse que faria.
Porém, ao procurar mais, descobri que já existe um tutorial sobre isso em um outro blog muito bom com dicas para Tumblr, portanto postarei aqui este tutorial (com os devidos créditos), e, se você usar, favor não remover os créditos.
Antes de começar o tutorial, salve uma cópia do seu theme no seu computador.
Depois, cole o seguinte código antes de </style> :
/*** Paginação by madlyluv.com ***/
#paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;}
#paginacaoml a {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
#paginacaoml a:hover {background: #cor de fundo; border: none;}
#paginacaoml span.pagina_atual {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
#paginacaoml span.info {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
Depois procure por {/block:Posts} e cole isso depois dele:
<div id="paginacaoml"><span class="info" style="font-weight: normal;">Página <b>{CurrentPage}</b> de <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{/block:Pagination}
{block:JumpPagination length="10"}
{block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
{/block:JumpPagination}
{block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
</div>
Depois é só configurar o primeiro código que você colou antes de </style> (mudando o código das cores) e salvar.
Tutorial original: Mad Luv
Tutorial sugerido por: My World, My Rules
Leia também:
