Sunday, April 3, 2011

Pasang Gadget Tukar Font Pada Blog

Pasang Gadget Tukar Font Pada BlogPasang Gadget Tukar Font Pada Blog buat merubah fonts / huruf pada blog sesuai dengan font yang aada pada menu drop down, yang fungsinya buat mengubah seluruh seluruh isi postingan / conten yang ada pada blog.

Gadget tersebut bisa dipasang sesuai dengan keinginan anda sendiri, caranya

Login ke blog anda

Klik Dasbor

Klik Rancangan / Tata Letak

Tambah Gadget

Pilih Html / JavaScript





Masukan script beserta form menu drop down dibawah 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" method="POST" name="selecter2">

<select name="select3" onchange="go2()" size="1" style="font-family: verdana; font-size: 8pt;"> <option value="Times New Roman">Times New Roman </option><option value="Arial">Arial </option><option selected="selected" value="Book Antiqua">Book Antiqua </option><option value="Bookman Old Style">Bookman Old Style </option><option value="Century Gothic">Century Gothic </option><option value="Comic Sans Ms">Comic Sans Ms </option><option value="Tahoma">Tahoma </option><option selected="selected" value="Trebuchet Ms">Trebuchet Ms </option><option value="Verdana">Verdana </option></select>
<select name="select2" onchange="go1()" size="1" style="font-family: verdana; font-size: 8pt;"> <option value="8px">8 </option><option value="9px">9 </option><option value="10px">10 </option><option value="11px">11 </option><option selected="selected" value="12px">12 </option><option value="14px">14 </option><option value="16px">16 </option><option value="18px">18 </option></select></form>

No comments:

Post a Comment