Cara Pasang Tukar font Pada blog

Dalam post kali ini saya kan tunjukan bagaimana caranya meletakkan gadget pada blog anda yang membolehkan pengunjung memilih jenis teks/bentuk tulisan dan ukuran yang ingin di lihat didalam blog.

Tip pada kali ini  adalah Memberikan keleluasaan kepada pengunjung untuk bisa menggantikan Bentuk tulisan dan ukurannya,Yang pada biasanya tukar Font ini hanya bisa di pakai pada halaman tertentu saja.
Bagaimanakah cara membuatnya?.
Demo lihat di kanan atas rank 2

Copy Html di bawah. Dan paste ke Html/Java Scrift



<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" style="font-style: normal; font-weight: normal; "><select style="font-family:verdana;font-size:8pt" name="select3" size="1" onchange="go2()"><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" />TahomaVerdana<option value="Blackoak Std" />Blackoak Std<option value="Comic Sans MS" />Comic Sans MS<option value="Century" />Century</select><select style="font-family:verdana;font-size:8pt" name="select2" size="1" onchange="go1()"><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="22px" />22<option value="24px" />24<option value="26px" />26<option value="28px" />28<option value="30px" />30</select></form>

Catatan :anda bisa menambahkan ukuran besarnya font size,atau menambahkan model model hurupnya.tinnggal tambah dipinggirnya yang di beri warna merah,silahkan cari model model hurupnya

Contoh:<option value="Century"/>Century<option value="tambah"/>tambah dan seterusnya
Ukuran: <option value="30px"/>30<option value="31px"/>31 dan seterusnya

3.Kemudian save template anda.
Nah cuman segitu kalau anda tertarik silahkan anda pake...selamat mencoba dan happy blogging


Sumber: Disini