Memasang Gadget Tukar Font Pada Blog

       Okelah...., kali ini saya akan memposting "Memasang Gadget Tukar Font PadaBlog" sesuai request dari visitor Akatsuki Blog™, fatymazahra., kalian tautidak Gadget Tukar Font seperti apa ? tidak tau ??kasian...kasian...kasian...,. hehe..,  nih ku kasih tau apa Gadget TukarFont itu :

Top of Form

Times New RomanArialBook AntiquaBookman Old StyleCentury GothicComic Sans MsTahomaTrebuchet MsVerdana89101112141618

Bottom of Form

         Sudah tau kan ?? blogkalian mau dipasang Gadget seperti itu.., mau ?? ya sudah deh ku kasih taucara-caranya membuat Gadget seperti itu..,

1. Login ke Blog anda.
2. Klik Dasbor >> Rancangan/ Tata Letak.
3. Lalu klik Tambah Gadget >> Pilih HTML/ JavaScript.
4. Lalu masukan kode di bawah ini beserta kode menu dropdown di bawah 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> <formid="forma" method="POST" name="selecter2"><select name="select3"onchange="go2()" size="1" style="font-family: verdana;font-size: 8pt;"> <option value="Times New Roman">TimesNew Roman </option><option value="Arial">Arial</option><option selected="selected" value="BookAntiqua">Book Antiqua </option><option value="Bookman OldStyle">Bookman Old Style </option><option value="CenturyGothic">Century Gothic </option><option value="Comic SansMs">Comic Sans Ms </option><optionvalue="Tahoma">Tahoma </option><optionselected="selected" value="Trebuchet Ms">Trebuchet Ms</option><option value="Verdana">Verdana</option></select> <selectname="select2" onchange="go1()" size="1"style="font-family: verdana; font-size: 8pt;"> <optionvalue="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>

5. 
    Lalu Save..,

Related Post :)

Posted in: blogger