gadget alterar fonte e tamanho do texto no 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><br />
<br />
<form id="forma" name="selecter2" method="POST"><select onchange="go2()" style="font-family:Arial;font-size:10pt" name="select3" size="1"><br />
<option value="Times New Roman"/>Times New Roman<br />
<option value="Arial"/>Arial<br />
<option value="Book Antiqua"/>Book Antiqua<br />
<option value="Monotype Corsiva"/>Monotype Corsiva<br />
<option value="Century Gothic"/>Century Gothic<br />
<option value="Comic Sans Ms"/>Comic Sans Ms<br />
<option value="Tahoma"/>Tahoma<br />
<option value="Trebuchet Ms"/>Trebuchet Ms<br />
<option selected value="Verdana"/>Verdana<br />
<option selected value="Impact"/>Impact<br />
</select><br />
<br />
<select onchange="go1()" style="font-family:Arial;font-size:10pt" name="select2" size="1"><br />
<option value="8px"/>8<br />
<option value="9px"/>9<br />
<option value="10px"/>10<br />
<option value="11px"/>11<br />
<option selected value="12px"/>12<br />
<option value="14px"/>14<br />
<option value="16px"/>16<br />
<option value="18px"/>18<br />
<option value="20px"/>20<br />
</select><br />
</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