Widget Fontsize Dropdown Pada Blog ...!

Masih berkaitan dengan cara untuk merubah ukuran huruf pada halaman Blog, Jika kalian belum membaca artikel saya sebelumnya yang berkaitan dengan ini silahkan klik link dibawah ini,

== Merubah ukuran huruf
== Widget merubah fontsize dengan gambar

atau jika anda ingin tahu perkembangan dan mendapatkan artikel terbaru dari saya update, anda bisa KLIK DISIni.
kembali ke pokok permasalahan, sekarang saya akan menjelaskan bagaimana cara membuat widget merubah fontsize dalam bentuk dropdown. ikuti tahap dibawah ini:

1. Login ke Blogger
2. Rancangan / Tata Letak
3. Elemen
4. Tambah Gadget ---> HTML/Java scipt
5. Copy Code dibawah ini Lalu Simpan

<script>
function siz33s(){
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="siz33s()" 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>

6. Selesai.

Tambahan :
= Jika anda ingin membuat widget untuk merubah ukuran huruf + merubah jenis huruf Copy kode dibawah ini :

<script>
function siz33s1(){
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 siz33s2(){
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="siz33s1()" 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="siz33s1()" 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>

Simpan dan Lihat Hasilnya.

Semoga artikel ini akan sangat membantu para pembaca dan jangan lupa untuk terus memberikan komentarnya. terima kasih