Personalizando a paginação do blog

Nada melhor do que personalizar a paginação do blog,deixando-o cada vez mais lindo.Neste tutorial a paginação ira ter fundo colorido e ao colocar o mouse sobre o link dele será em degrade,logicamente que o degrade é opcional e é editável.Sem mais delongas vamos ao código.

01.Primeiramente,entre em sua conta do blog;

02.Vá na aba design > Editar HTML > ache a tag  #blog-pager { ,ela esta localizada dentro de /* Posts,e para facilitar use o atalho F3 ou Ctrl+F.

03.Feito isso,copie o código a seguir,e cole ACIMA da tag encontrada;

/*Paginação com efeito hover degradê */

#blog-pager {

clear:both;

text-align: center;

margin:0px auto;

padding:10px;

}

#blog-pager a:link, #blog-pager a:visited{

color: #COR DA FONTE; 

font-size: 16px; /* tamanho da fonte */ 

padding:5px;

background-color: #COR1; /* cor do fundo */ 

-moz-border-radius:10px; /* bordas arredondas, apague até } se não quiser */ 

-khtml-border-radius:10px;

-webkit-border-radius:10px;

border-radius:10px;

}

#blog-pager a:hover{

color: #COR2; /* cor da fonte hover,(mouse em cima)*/ 

padding:5px;

background: ; /* fundo hover, apague o código abaixo até } se não quiser degradê */ 

background: -webkit-gradient(linear, left top, left bottom, from(#COR1), to(#COR2));/* webkit browsers */

background: -moz-linear-gradient(top, #COR1, #COR2);/* firefox3.6+ */

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#COR1', EndColorStr=' #COR2');/* IE */

}

#blog-pager-newer-link {

float: left;

}

#blog-pager-older-link {

float: right;

}

04.  Agora altere as cores usando a paleta,e altere os tamanhos também como preferir,e salve;

Se der algum erro,ou tiver alguma duvida não exite em perguntar ou por comentário ou pela pagina de contato.