Customizando os links de navegação

Hoje vou ensinar um como customizar os links de navegação, para quem não sabe, Links de navegação são os link "postagens antigas", "postagens recentes" e "inicio", que, por padrão no blogger, aparecem na parte final da área de postagens do blog.

Vá em "design" >>"editar html" e procure por:


#blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; }
E substitua por:


/* Links de Navegação ------------------------ */ #blog-pager { clear:both; text-align: center; margin:0px auto; padding:20px; } #blog-pager a:link, #blog-pager a:visited{ /* links ativos e visitados */ color:#XXXXXX; /*---- cor do link ---- */ font-size:XXpx; /*--tamanho da fonte--*/ padding:10px; /*--- espaçamento ---*/ border:1px solid #XXXXXX; /*--- cor e tipo de borda --- */ background-color:#XXXXXX; /*--- cor de fundo --- */ -moz-border-radius:10px; /*--- bordas arredondadas --- */ -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #blog-pager a:hover{/* links no efeito hover */ color:#XXXXXX; /*---- cor do link no efeito hover---- */ padding:10px; /*--- espaçamento ---*/ border:1px solid #XXXXXX; /*---- cor e tipo de borda no efeito hover---- */ background-color:#XXXXXX; /*--- cor de fundo no efeito hover--- */ } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; }
Todos os casos acima, os estilos deverão ser aplicados por você de acordo com seu gosto.

font-size - o tamanho da fonte.
#XXXXXX - São as cores que você deseja.
border-radius:10px; - tamanho da borda.

Para ficar mais fácil a sua customização, ao final de cada tag tem dizendo o que aplicar na mesma.

*Obs:Qual quer dúvida, fale com migo no xat.