Dinamik Yazı Tipi Eklentisi

Yabancı blogları gezerken güzel bir eklenti ile karşılaştım.
Genellikle haber sitelerinde karşılaştığımız yazının puntosunu azaltıp artırabileceğimiz bir eklenti fakat tek farkı bu eklentide yazı boyutunun yanı sıra yazı tipini de değiştirebiliyoruz.
</head> kodundan önce aşağıdaki kodu ekleyiniz.

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

<data:post.title/> Kodunun alt satırına aşağıdaki kodu ekleyiniz.

<form id="forma" name="selecter2" method="POST">
<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman"/>Times New Roman
<option value="Arial"/>Arial
<option selected 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 selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana"/>Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" 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>

İşlem bu kadar kaydedip çıkın.

Not: Bu eklentinin yapılması güzel fakat keşke yapan biraz arayüzünde çalışma yapsaymış. Yakın zamanda bu eklentiyi düzenleyerek + ve – butonları koyarak sadece yazı içeriğini büyütüp küçültmemizi sağlayan bir eklenti hazırlayacağım.