Merubah Tampilan Ukuran Teks

Sekedar tambahan ilmu kali ini saya akan memberikan pengetahuan tentang cara merubah ukuran teks dengan satu kali klik... Hanya dengan satu klik otomatis huruf di blog berubah menjadi besar atau kecil,
Sebagai contoh klik lah huruf di bawah ini :

Contoh 1

Kecil

Sedang

Besar

Agak Besar

Besar Banget

Contoh 2

- + + + +


Oke ... Jika Anda Tertarik Langsung Copy Paste Kode Di bawah Ini :

Untuk Contoh 1

Ganti Ukuran Teks <br/>

<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='.5em'"><span style="font-size: xx-small;">Kecil</span></a>

<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1em'"><span style="font-size: x-small;">Sedang</span></a>

<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.5em'"><span style="font-size: small;">Besar</span></a>

<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2em'"><span style="font-size: large;">Agak Besar</span></a>

<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2.5em'"><span style="font-size: x-large;">Besar Banget</span></a>

Untuk Contoh 2

Ganti Ukuran Teks <br/>

<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='.5em'"><span style="font-size: xx-small;">-</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1em'"><span style="font-size: x-small;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.5em'"><span style="font-size: small;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2em'"><span style="font-size: large;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2.5em'"><span style="font-size: x-large;">+</span></a>

 

 

selamat mencoba sukses brooo..