Como inverter a ordem dos links de paginação no Blogger

Por padrão, os links de paginação dos blogs da plataforma Blogger estão dispostos da seguinte maneira: Postagens mais recentes à esquerda e Postagens mais antigas à direita. O link da página inicial está posicionado ao centro.

Eu, particularmente, acho esta disposição pouco intuitiva. Prefiro a disposição contrária, com as postagens mais antigas à esquerda e as mais recentes à direita. A maioria dos gráficos, por exemplo, tem sua origem à esquerda com os valores mais recentes, ou maiores, posicionados à direita. Se você também pensa assim, saiba que é muito fácil inverter a ordem destes links.

O que determina a posição dos links são estas duas regras CSS:

#blog-pager-newer-link {
    float: left;
}
#blog-pager-older-link {
    float: right;
}

Bastaria, portanto, inverter os valores das declarações float: left e float: right substituindo left por right e vice-versa. O "problema" é que elas estão em uma folha de estilos externa (do próprio blogger), portanto, não editável. No entanto, é muito fácil resolver esse problema: repita as regras (com os valores invertidos, é claro) na folha de estilos interna (incorporada) do seu blog. As regras existentes serão ignoradas pelo navegador (lembre-se que o CSS incorporado tem prioridade sobre o CSS externo).

Clique em:

Modelo --> Editar HTML

Procure pelo seletor #blog-pager. Você encontrará algo semelhante ao mostrado abaixo (o conteúdo entre as chaves pode ser diferente):

#blog-pager {
    font-size: 140%;
}

Adicione as novas regras (em vermelho) logo abaixo. Assim:

#blog-pager {
    font-size: 140%;
}
#blog-pager-newer-link {
    float: right;
}
#blog-pager-older-link {
    float: left;
}

Estas regras podem ser adiciondas em qualquer lugar na folha de estilos. A recomendação só é válida para manter a organização do código CSS.

Clique em Visualizar modelo. Se estiver tudo correto, clique em Salvar modelo.

O autor
Juarez Pereira
Unaí - MG, Brasil
Visualizar meu perfil completo