Membuat Gadget Kalkulator

Berikut langkah-langkah untuk membuat gadget kalkulator

1. Buka setelan
2. Buka Tata Letak
3. Tambahkan gadget HTML/Javascript
4. Isi judulnya dengan Kalkulator
5. Bagian isinya ditulis:
   

    <style>  
         .kotakdisplay {  
              width: 210px;  
              height: 50px;  
              line-height: 50px;  
              vertical-align: middle;  
              border: 1px solid blue;  
              margin-left: 3px;  
              margin-bottom: 3px;  
              text-align: right;  
              padding-right: 5px;  
         }  
         .kotakkecil, .kotakkosong {  
              width: 50px;  
              height: 50px;  
              float: left;  
              font-weight: 900;  
              font-size: 32px;  
              border: 1px solid blue;  
              margin-left: 3px;  
              margin-bottom: 3px;  
              text-align: center;  
              vertical-align: middle;  
              line-height: 50px;  
              background-color: #ff0000;  
              cursor: pointer;  
              border-radius: 5px;  
              color: white;  
         }  
         .kotakkosong {  
              border: 1px solid white;  
              background-color: white;  
              cursor: default;  
         }  
         .kotakkecil:hover {  
              background-color: #FFFF00;  
              color: white;  
              font-weight: 900;  
         }  
         .kotakkecil:active {  
              background-color: #00FF00;  
              color: black;  
         }  
         .kotak {  
              width: 230px;  
              height: 260px;  
         }  
    </style>  
    <script >  
         var angka1=0;  
         var angka2=0;  
         var opr="";  
         function tampil(a) {                      
              if (opr=="") {  
                   angka1 = angka1*10 + a;  
                   tampilkanangka(angka1);  
              } else if (opr=="=") {  
                   angka1=a;  
                   tampilkanangka(angka1);  
                   opr ="";  
              } else {  
                   angka2 = angka2*10 + a;  
                   tampilkanangka(angka2);  
              }  
         }  
         function tampilkanangka(a) {  
              document.getElementById('hasil').innerHTML = a;  
         }  
         function tanda(o) {  
              if (o=='=') {  
                   if (opr=='+'){  
                        angka1 = angka1 + angka2;  
                        angka2=0;  
                   } else if(opr=='-') {  
                        angka1 = angka1 - angka2;  
                        angka2=0;  
                   } else if(opr=='*') {  
                        angka1 = angka1 * angka2;  
                        angka2=0;  
                   } else if (opr=='/') {  
                        if (angka2==0) {  
                             angka1=0;  
                        } else {  
                             angka1 = angka1 / angka2;  
                             angka2=0;  
                        }  
                   } else if (opr=="=") {                           
                   }  
                   tampilkanangka(angka1);  
                   opr=o;  
                   } else if (o=='c') {  
                   if (opr=="") {  
                        angka1=0;  
                        tampilkanangka(angka1);  
                   } else if(opr=="=") {  
                        angka1=0;  
                        angka2=0;  
                        opr = "";  
                        tampilkanangka(angka1);  
                   } else {  
                        angka2=0;  
                        tampilkanangka(angka2);                                
                   }                           
                   } else {                           
                   opr = o;  
                   }  
         }  
         function tampilkeyboard(e) {  
              if ((e.which==96)||(e.which==48)) {  
                   tampil(0);  
              } else if((e.which==97)||(e.which==49)) {  
                   tampil(1);  
              } else if((e.which==98)||(e.which==50)) {  
                   tampil(2);  
              } else if((e.which==99)||(e.which==51)) {  
                   tampil(3);  
              } else if((e.which==100)||(e.which==52)) {  
                   tampil(4);  
              } else if((e.which==101)||(e.which==53)) {  
                   tampil(5);  
              } else if((e.which==102)||(e.which==54)) {  
                   tampil(6);  
              } else if((e.which==103)||(e.which==55)) {  
                   tampil(7);  
              } else if((e.which==104)||(e.which==56)) {  
                   tampil(8);  
              } else if((e.which==105)||(e.which==57)) {  
                   tampil(9);  
              } else if(e.which==106) { //*  
                   tanda('*');  
              } else if(e.which==107) { //+  
                   tanda('+');  
              } else if(e.which==109) { //-  
                   tanda('-');  
              } else if(e.which==111) { // /  
                   tanda('/');  
              } else if(e.which==13) { //enter  
                   tanda('=');  
              }  
         }  
    </script>  
    <div class="kotak">  
         <div class="kotakdisplay" id='hasil'></div>  
         <div class="kotakkecil" onclick="tampil(1)">1</div>  
         <div class="kotakkecil" onclick="tampil(2)">2</div>  
         <div class="kotakkecil" onclick="tampil(3)">3</div>  
         <div class="kotakkecil" onclick="tanda('+')">+</div>  
         <div style="clear:both" />  
         <div class="kotakkecil" onclick="tampil(4)">4</div>  
         <div class="kotakkecil" onclick="tampil(5)">5</div>  
         <div class="kotakkecil" onclick="tampil(6)">6</div>  
         <div class="kotakkecil" onclick="tanda('-')">-</div>  
         <div style="clear:both" />  
         <div class="kotakkecil" onclick="tampil(7)">7</div>  
         <div class="kotakkecil" onclick="tampil(8)">8</div>  
         <div class="kotakkecil" onclick="tampil(9)">9</div>  
         <div class="kotakkecil" onclick="tanda('*')">*</div>  
         <div style="clear:both" />  
         <div class="kotakkecil" onclick="tanda('c')">C</div>  
         <div class="kotakkecil" onclick="tampil(0)">0</div>  
         <div class="kotakkecil" onclick="tanda('=')">=</div>  
         <div class="kotakkecil" onclick="tanda('/')">/</div>  
         <div style="clear:both" />  
    </div>  
   

6. Simpan
7. Simpan setelan
8. Lihat Blog