31/01/2016

Como colocar paginação no Blogger

31/01/2016


Olá Pessoal!

Quem utiliza um template padrão do blogger sabe o quão feio é ter no final do blog as opções “Página inicial” e “Postagens mais antigas” não é?

A dica que dou hoje é para deixar seu blog com cara de profissional, com a numeração das páginas no final.


É muito fácil de ser habilitado este recurso!!!



Passo 01: Acesse o blogger, vá em Layout – adicionar um Gadget – escolha HTML/JavaScript.
 
Vai abrir uma nova janela, dentro desta janela (Gadget) cole o código abaixo, não é necessário colocar título.

<style type="text/css">
#blog-pager{font-size:normal;padding:10px 0;clear:both;}
.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}
.showpageArea a{color:#000}
.showpageNum a{padding:3px 8px;margin:0 2px;text-decoration:none;border:1px solid #999;background:#ddd;color:#000;}
.showpageNum a:hover{border:1px solid #888;background:#ccc}
.showpageOf{margin:0 2px 0 0;padding:3px 8px;margin:0 2px;text-decoration:none;border:1px solid #999}
.showpagePoint{color:#fff;padding:3px 8px;margin:2px;border:1px solid #999;background:#666; text-decoration:none}
</style>
<script style='text/javascript'>
var numshowpage=4;
var postperpage =8;
var upPageWord="Anterior";
var downPageWord="Próxima";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='https://sites.google.com/site/paginacaodt/home/paginacaodt-tk/.js'></script

Você pode personalizar da forma que quiser, alterando os códigos de acordo com a legenda abaixo:

numshowpage = Número de páginas  disponível no menu de navegação;
postperpage = Número de postagens por página;
upPageWord = Texto para página anterior, o padrão vem escrito como "anterior";
downPageWord = Texto para próxima página, o padrão vem escrito como "próxima página".

Após personalizar, clique em salvar.

Passo 02: Arraste esse novo Gadget para baixo da caixa “Postagens no Blog” e clique em salvar organização.

Prontinho, seu blog estará com a numeração no final do blog.
Espero ter ajudado.

Bjs

Nenhum comentário:

Postar um comentário

Olá! Seu comentário é muito importante, críticas construtivas são muito bem vindas desde que feitas com educação. As perguntas serão respondidas posteriormente, então volte depois para saber a resposta ou ative a notificação de seu comentário. ❤ E por último, caso queira deixar o link do seu blog no comentário, use o código abaixo (sem espaços a partir do h) para que eu e minhas leitoras sejam direcionadas diretamente ao seu blog. Bjs!

< a href = " NOME DO SEU BLOG " > NOME DO SEU BLOG < / a >