Menambah fitur Font Option pada blog

Times New Roman, Arial, Tahoma, dam masih banyak lagi. Lika kamu mengenal microsoft word pasti kamu tidak asing dengan nama-nama tersebut kan?

Nah berikut kita akan coba menerapkannya pada sebuah blog. Fitur ini tak lain adalah berfungsi untuk mengizinkan pengunjung mengendalikan sendiri jenis serta ukuran font yang di kehendaki pada entri yang tengah di baca.

1.pertama login dulu ke blog anda:

2. pilih tata letak:

3.tambahkan Gatget:

4.pilih HTML/JavaScript:

Dan berikut kodenya:

<center><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" method="POST" name="selecter2">

<select name="select3" onchange="go2()" size="1" style="font-family: verdana; font-size: 8pt;"> <option value="Coming Soon" />Normal Font Blog <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 name="select2" onchange="go1()" size="1" style="font-family: verdana; font-size: 8pt;"> <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></center>

Copas dan simpan pada kolom HTML/JavaScript yang tersedia.

5. klik simpan:

Selesai......semoga bermanfaat