Gadget leitores escolhe fonte e tamanho da Letra das postagens

Fala ai galerinha, vim trazer um gadget muito legal e que tem uma função muito boa. Já pensou que o tamanho da fonte de suas postagens podem estar muito grande para alguns leitores, e pequenos para outros, ao ponto de não conseguir fazer a leitura? Isso pode acontecer sim... Uma postagem com a fonte grande demais pode deixar seu blog com uma aparência desagradável, mas por outro lado algumas pessoas podem ter dificuldade para ler textos com letras pequenas.Mas agora você vai aprender a fazer um tutorial muito fácil que permite o leitor a escolher a fonte e o tamanho da letra.

Screenshot

1. Logue-se no blogger
2. No menu clique em Layout
3. Depois em "Adicionar Gadget"
4. Escolha HTML/JavaScript

Agora adicione o código abaixo e salve. (arraste o gadget onde você queira que apareça no seu template.)

Código

<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>



Agora salve , e visualize seu blog.