Tumblr: Paginação Simples

Tutorial Tumblr

Ter uma paginação sempre facilita a navegação, principalmente se for um blog com bastante conteúdo, como os blogs do Tumblr, por exemplo. Então, dê uma olhada como é a aparência de uma paginação:

1º) Em seu Dashboard, vá em Customize » Appearance » Custom HTML e no seu CSS, coloque este código e personalize-o da maneira que deseja:

/*** 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;}

2º) Depois de personalizar, você irá colocar o código abaixo dos posts, de preferência logo após da tag {/block:Posts}

<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}">&laquo;</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}">&raquo;</a>{/block:NextPage}{/block:Pagination}
</div>

A tag {block:JumpPagination length="10"} define quantas páginas irão mostrar na paginação. Como no exemplo lá em cima, aparece 10 páginas. É só você mudar para quantas páginas quiser, e pronto ^^

Veja também...

Almoço no Las Nenas Café Bistrô (Goiânia)
Londres: Fim de tarde em Notting Hill e primeira vez na Starbucks
As ilustrações de Renata Soares

0 Comentário(s)

(0 pelo blog e pelo facebook)