A carregar...



Permita que os Visitantes Aumentem ou Reduzam o tamanho da letra (fonte) do seu blogue


Uma das regras de ouro quanto à boa acessibilidade dos sites/blogues é a possibilidade de o visitante poder aumentar ou diminuir o tamanho de letra do mesmo.
E isso é mais fácil do que, geralmente, se pensa.





Experimente manter a tecla Ctrl pressionada e fazer rolar a roda do seu rato. Surpreendente, hein?
E, se o seu rato não tem roda, ou pretende um ajuste mais fino, não se vá já embora. Experimente manter a tecla Ctrl pressionada e vá dando impulsos nas teclas + e/ou -
Como vê é muito fácil.
Mas, como sugerido no que escrevi, muitos dos visitantes do seu blogue desconhecem certamente esta funcionalidade.
Daí a utilidade de se colocar um link/botão/ícone para que o tamanho da letra do seu blogue/site possa ser aumentada (o mesmo para reduzir o tamanho).
É disso que vamos tratar de seguida.

Passo 1:

Vá ao Esquema do seu blog
Edite o HTML
Expanda os widgets
Procure
<head>
Copie, logo para baixo dessa tag, o seguinte código:

<script language="JavaScript" type="text/javascript">
function changeFontSize(inc){
var p = document.getElementsByTagName('p');
for(n=0; n<p.length; n++) {
if(p[n].style.fontSize) {
var size = parseInt(p[n].style.fontSize.replace("px", ""));
} else {
var size = 12;
}
p[n].style.fontSize = size+inc + 'px';
}
}
</script>

Passo 2:

Procure
]]></b:skin>
Logo acima coloque o seguinte código:

.textresize {
padding-left:20px;
padding-top:5px;
}

Passo 3:

Procure
<div class=’post header-line-1>
Logo abaixo, coloque o seguinte código:

<a href="javascript:changeFontSize(1)">Aumentar tamanho da letra</a>
<a href="javascript:changeFontSize(-1)">Diminuir tamanho da letra</a>

Em vez das frases "Aumentar tamanho da letra" e/ou "Diminuir tamanho da letra", pode usar o texto que quiser ou,até, uma imagem/botão/ícone, como tenho aqui neste blog.

Boa sorte!






                         


Mensagens relacionadas (por Tags)





1 Comentário

Robson disse...

Simples e perfeito. Ótima postagem, muito obrigado por divulgar!

Visitei seus Patrocinadores :)

Abraço !

Enviar um comentário