English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Minggu, 08 Juli 2012

Cara Memberi Widget Pengaturan Font pada Blog

Wah hari ini lagi pengen nulis lagi nih maklum baru buat blog baru. nah pada kali ini saya ingin menerangkan tentang bagaimana cara untuk membuat pengaturan font pada website kita.
Bosenkan dengan Blog yang tulisannya itu itu saja nah ini saya ingin membagikian script untuk pengaturan font, langkah langkahnya adalah :


  • Login ke blog anda


  • Masuk ke Rancangan


  • Pilih Elemen Halaman


  • Tambahkan Gadget


  • Pilih HTML / Java Script


  • Copy Pastekan Script berikut



<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" 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
</select>
</form>
</center>



  • Klik Simpan


Nah sekarang sudah ada pengaturan font di blog anda

0 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites