Código para Alterar Fonte e Tamanho de Texto do seu Blog

Para uma melhor leitura dos visitantes, geralmente os blogs utilizam um tamanho e fonte padrão para seus textos (Arial, Times New Roman, etc.). Mas sempre tem umas excessões que não enxergam a letra ou a fonte não lhes agrada, e por isso vou mostrar um código para colocar no seu blog, que permite ao seu visitante personalizar a fonte e o tamanho da letra (só é alterado na tela dele).

Entre no Layout do Blogger e clique em “Adicionar gadget”, em seguida clique na opção “HTML/JavaScript”. Então cole o código abaixo:

<script>
function go1(){if (document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value != “none”){document.getElementById(‘main’).style.fontSize=document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value}}

function go2(){if (document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value != “none”){document.getElementById(‘main’).style.fontFamily=document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value}}
</script>

<form id=”forma” name=”selecter2″ method=”POST”>
<select onchange=”go2()” style=”font-family:Arial;font-size:10pt” name=”select3″ size=”1″>
<option value=”Times New Roman”/>Times New Roman
<option value=”Arial”/>Arial
<option value=”Book Antiqua”/>Book Antiqua
<option value=”Monotype Corsiva”/>Monotype Corsiva
<option value=”Century Gothic”/>Century Gothic
<option value=”Comic Sans Ms”/>Comic Sans Ms
<option value=”Tahoma”/>Tahoma
<option value=”Trebuchet Ms”/>Trebuchet Ms
<option selected value=”Verdana”/>Verdana
<option selected value=”Impact”/>Impact
</select>

<select onchange=”go1()” style=”font-family:Arial;font-size:10pt” name=”select2″ size=”1″>
<option value=”8px”/>8
<option value=”9px”/>9
<option value=”10px”/>10
<option value=”11px”/>11
<option selected value=”12px”/>12
<option value=”14px”/>14
<option value=”16px”/>16
<option value=”18px”/>18
<option value=”20px”/>20
</select>
</form>

Repare que no código aparecem os nomes das fontes e também os tamanhos disponíveis. Para acrescentar mais fontes, basta adicionar a linha abaixo no código logo abaixo da útima fonte (no caso as impact).

<option value=”NOME DA FONTE”/>NOME DA FONTE

Altere para o nome da fonte que você quer acrescentar nos locais indicados. Você pode ver o nome de mais fontes no Microsoft Word.

O mesmo pode ser feito com o tamanho da letra, basta utilizar o código abaixo seguido de “px”.

<option value=”NUMERO DA FONTEpx”/>NUMERO DA FONTE

Qualquer dúvida é só deixar um comentário!

Até a próxima!