News

Get fastest download with Internet Download Manager, click here to download.

Minggu, 20 Juni 2010

Cara memasang widget kalkulator












Bagi anda yang suka mengkoleksi widget untuk blog. Anda bisa masukkan widget kalkulator ini ke blog anda. Widget ini sebenarnya saya dapat dari blog sahabat tetapi masih dalam bentuk HTML, jadi pertama-tama saya masih bingung.
  • Sebelum memasang anda harus masuk dulu ke Blogger
  • Setelah masuk, tekan tab Design
  • Pilih Add Gadget
  • Pilih HTML/Javascript
  • Lalu masukkan kode berikut:

<script language="javascript">
var newdigit = true;
var op;
var temp;
function Angka(angka){
if(newdigit){
newdigit = false;
}else{
angka = document.kalkulator.layar.value + angka;
}
document.kalkulator.layar.value=angka;
}

function Operator(opt){
if(temp){
Hitung();
}
temp = document.kalkulator.layar.value;

op = opt;
newdigit=true;
}

function Hitung(){
var angka = document.kalkulator.layar.value;
if(op == '*'){
temp = temp * angka;
}else if(op == ':'){
temp = temp / angka;
}else if(op == '+'){
temp = parseInt(temp) + parseInt(angka);
}else if(op == '-'){
temp = temp - angka;
}
document.kalkulator.layar.value = temp;
temp = 0;
}

function Reset(){
newdigit=true;
document.kalkulator.layar.value='0';
temp=0;
}
</script>
<style type="text/css">
.button{
width:30px;
margin-top:6px;
}

.button-lebar{
width:64px;
margin-top:6px;
}

.button-lebar2{
width:132px;
margin-top:6px;
}
</style>


<form name="kalkulator">
<input type="text" value="0" name="layar" size="17" /><br />
<input type="button" value="7" class="button" onclick="Angka(7);" />
<input type="button" value="8" class="button" onclick="Angka(8);" />
<input type="button" value="9" class="button" onclick="Angka(9);" />
<input type="button" value="+" class="button" onclick="Operator(&#39;+&#39;);" /><br />
<input type="button" value="4" class="button" onclick="Angka(4);" />
<input type="button" value="5" class="button" onclick="Angka(5);" />
<input type="button" value="6" class="button" onclick="Angka(6);" />
<input type="button" value="-" class="button" onclick="Operator(&#39;-&#39;);" /><br />
<input type="button" value="1" class="button" onclick="Angka(1);" />
<input type="button" value="2" class="button" onclick="Angka(2);" />
<input type="button" value="3" class="button" onclick="Angka(3);" />
<input type="button" value="*" class="button" onclick="Operator(&#39;*&#39;);" /><br />
<input type="button" value="0" class="button" />
<input type="button" value="=" class="button-lebar" onclick="Hitung();" />
<input type="button" value=":" class="button" onclick="operator(&#39;:&#39;);" /><br />
<input type="button" value="Reset" class="button-lebar2" onclick="Reset();" />
</form>
  • Tekan Save dan lihat hasilnya.

0 comments:

Posting Komentar