Pasang Widget Tukar Jenis Font

Kali ini 4-jie ingin sharing tentang cara membuat widget tukar font. Dimana pengunjung dapat memilih sendiri font yang iya sukai. Bukan hanya itu, pengunjung juga bisa lebih betah di blog kamu dengan adanya widget tukar font ini. Meskipun terbilang widget kecil, tetapi dapat memperindah tampilan postingan kamu loh. Untuk melihat contoh silahkan lihat gambar dibawah :



ga percaya, mari kita ikuti langkah-langkah sebagai berikut :

• login ke akun blog masing-masing
• klik rancangan
  
• klik Tambah Gadget --> HTML/ JavaScript
• Copy kode dibawah ini dan letakkan didalamnya :

<div class='widget-content'>
<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></center></center>
</div>

• klik simpan
  

dan lihat widget tukar font telah terpasang di blog kamu