Função de escolha do tamanho da fonte de leitura no blogger/blogspot

A função de escolha do tamanho da fonte pode ser uma boa maneira de adaptar melhor seu blog aos leitores, pois cada um poderá escolher qual o tamanho e o estilo da fonte que mais o agrada. Esse script eu encontrei no noticiaeblog, e achei bem interessante postar aqui.

Para realização desse tipo de adaptação deveremos usar um widget dentro de uma gadget nos elementos da página do seu blog.

Bom, não é nada complicado a adição do código, primeiramente você deve copie 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=”Bookman Old Style”/>Bookman Old Style
<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
</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
</select>
</form>

E colar em uma gadget com a função HTML/JavaScript.

Você pode ver o exemplo de uso do widget aqui mesmo no blogandocomvc logo a direita. Até a próxima.

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.