Membuat WIdget Pengatur Font | Make Widget Font Style Setting

This tutorial I get when I'm doing blog walking to other blog buddy and I accidentally see a widget that can change the font size and type of font on the blog we used unique yach ago and I know this is the appearance:

what you all interested to install this widget in your blog follow these steps:

* To login to blogger.com

* Click Layout

* Click on Page Elements

* Click Add Gadgets

* Select the HTML / Javascript

* Copy-paste this script:

<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>

* Click the Save / Save


When Widget does not work follow these steps:

* From the menu click procedure blogger Layout--> Edit HTML

* Find the code:

. post (
margin: 0 0 10px 0;
font-family: Arial;
background: # FFF;
padding: 10px;
text-align: justify;
border: 1px solid # C0C0C0;
)

* Remove code that is font-family: Arial; or all of the templates that have different font-family: Verdana; or font-family: Times New Roman;

* The code that it should be removed.

* Save the template