Personalizar links de navegação do blog

Para personalizar os links "postagens mais antigas", "postagens mais novas" e o link "início" com um texto ou com uma imagem é muito fácil. Veja exemplo de botões abaixo:

Se você for utilizar uma imagem como link pode baixar da internet ou criá-la no seu editor de imagens, eu usei o Gimp para criar as minhas, e depois hospedá-las. Copie o link e guarde no bloco de notas.

Agora vamos ver onde colocar o texto ou a imagem:

No seu painel do blogger, clique em "Modelo", "editar html" e depois em "expandir modelos de widgets".

Com o uso do atalho "Ctrl + f", procure pelo código abaixo:

<data:homeMsg/>

Essa é a parte do link "início".

Agora apague essa parte e, no seu lugar, escreva o seu texto (HOME, INÍCIO, ETC) ou coloque o seguinte código:

<img src="url_da_imagem"/>

A parte em vermelho é o link da sua imagem.

Visualize e se estiver tudo bem, salve.

Agora procure por:

<data:olderPageTitle/>

Essa é a parte do link "postagens mais antigas".

Apague e coloque o mesmo código do primeiro passo no lugar, apenas substitua a parte em vermelho pelo link da imagem (antigas) ou pelo texto (ANTERIOR, VOLTAR, ETC).

Por último, procure por:

<data:newerPageTitle/>

Esse é o código para "postagens mais novas".

Repita o passo anterior com o link da imagem ou com um texto (SEGUINTE, NOVAS, ETC).

Visualize e se estiver ok, salve.

VOLTAR     INÍCIO     AVANÇAR

Se você deseja personalizar esses textos, tipo de letra, tamanho, cor, etc., basta seguir os passos abaixo.

Use "Ctrl + f" e procure por:

 #blog-pager {

Apague e cole o código abaixo no lugar:

#blog-pager {
clear:both;
text-align: center;
margin:0px auto;
padding:10px;
}
#blog-pager a:link, #blog-pager a:visited{
color: #ffffff; 

font-size: 16px;

padding:5px;
background: #444444;

}
#blog-pager a:hover{
color: #000000;

font-size: 16px;

padding:5px;
background: #222222;

}

color: #ffffff é a cor do texto normal;

background: #444444 é a cor do fundo normal;

color: #000000 é a cor do texto hover;

background: #222222 é a cor do fundo hover;

Edite como achar necessário e se ficar do seu agrado, salve.