sdad

Os visitantes mais (reparadores) atenciosos devem ter notado que o link ‘Leia mais’ aqui do blog é personalizado. Se você seguiu a dica de como instalar o resumo automático das postagens, como ensinei em um tutorial passado, agora pode aprender a como dar estilo ao link ‘Leia mais’.
Vamos lá. Entre no painel do Blogger >> Design >> Editar HTML. Baixe o modelo completo para reinstalar caso algo dê errado.
Dê um Crtl+F e digite no buscador: ]]></b:skin>

Encontrando o código acima, cole ANTES dele o código abaixo:

.rmlink a, .rmlink a:visited{background:#e6e6e6;padding: 0 3px 0 3px;border:1px solid #ccc;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; text-shadow:2px 3px 4px #999;color:#000; font: italic bold 12px georgia; //link em estado normal}
.rmlink a:hover{background:#777777;padding:0 3px 0 3px;border:1px solid #ccc;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; text-shadow: 2px 3px 4px #000;color:#fff; font: italic bold 12px georgia; //link em estado hover}

Configurei as cores em padrão cinza para combinar com qualquer tipo de blog. Mas você pode mudar à seu gosto. Em vermelho estão destacadas as cores de fundo, primeiro no modo normal, depois no modo quando passamos o cursor por cima (visível apenas após serem salvas as modificações). Do mesmo modo, em verde, estão destacadas as cores do texto. Se for trocar as cores tenha o cuidado de não apagar nem acrescentar nenhum sinal à mais que o código html da cor, senão não funcionará.