Tutorial Tukar Size Font

Salam...

Semalam ada sahabat tanya macammana nak tukar

size font pada n3 kita...eh,mcamane nak buat ayat yer.. :P

huhuh..ok,kalau tengok kat side bar blog saya ni kan..

Ada widget macam ni :

       ^

       ^

       ^

       ^

       ^

       ^

       ^

Kalau anda rasa tulisan dalam n3 saya tidak jelas,

boleh tukar ke saiz yang lebih besar...jenis tulisan

juga boleh ditukar...pilih jer yang mana suka dan klik.
Ini adalah untuk memudahkan pengunjung utk membaca
entry kita.

Cara untuk meletakkan widget ini di dalam blog:

1- Macam biasa klik Design

2- Add gadget

3- HTML/JavaScript

4- Masukkan kod HTML di bawah ini :

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

<option value="20px"/>20

<option value="24px"/>24

</select></form>

5- Save

Selamat Mencuba :)

Credit to Captain Bokhari yang tidak pernah

lokek berkongsi ilmu :)

Salam Hormat,