Begini Cara Memasang Kalkulator Secara Online Di blogger

Dalam membangun sebuah website, sama halnya kita membangun sebuah rumah, Tentu bukan hanya mengutamakn tampilan atau desainnya saja. Namun rumah tersebut harus juga di isi dengan barang barang dan juga keperluan untuk dapat di gunakan di dalam Rumah tersebut.

Sebuah blog atau website pun juga sama sedemikian rupa, Selain dari pada tampilan, Namun isi konten di dalamnya juga harus di perhatikan. karena ketika pengunjung mengunjungi blog anda, pasti akan langsung tertuju kepada menu menu yang ada di dalam blog tersebut.

Nah pada postingan artikel kali ini, saya akan share Tutorial yang mungkin juga akan bermanfaat bagi pengunjung blog anda, Cara untuk menampilkan kalkulator di dalam sebuah blog di blogger dengan Mudah.

Cara memasang Kalkulator Secara Online Di blogger Atau Blogspot

Cara memasang atau menampilkan kalkulator secara online di blog, hal pertama yang harus anda lakukan adalah silahkan anda Copy Kode di bawah ini.


<form action="" name="Keypad">
<table bgcolor="#838383" border="1">
<tbody>
<tr> 
<td bgcolor="#DFDFDF" colspan="5"><input name="ReadOut" size="30" type="Text" value="0" />
</td>
</tr>
<tr> 
<td bgcolor="#DFDFDF"><input name="btnSeven" onclick="NumPressed(7)" type="Button" value="  7  " />
</td>
<td bgcolor="#DFDFDF"><input name="btnEight" onclick="NumPressed(8)" type="Button" value="  8  " />
</td>
<td bgcolor="#DFDFDF"><input name="btnNine" onclick="NumPressed(9)" type="Button" value="  9  " />
</td>
<td bgcolor="#DFDFDF"><input name="btnNeg" onclick="Neg()" type="Button" value=" +/- " /></td>
<td bgcolor="#DFDFDF"><input name="btnPercent" onclick="Percent()" type="Button" value=" % " /></td>


</tr>
<tr> 
<td bgcolor="#DFDFDF"><input name="btnFour" onclick="NumPressed(4)" type="Button" value="  4  " />
</td>
<td bgcolor="#DFDFDF"><input name="btnFive" onclick="NumPressed(5)" type="Button" value="  5  " />
</td>
<td bgcolor="#DFDFDF"><input name="btnSix" onclick="NumPressed(6)" type="Button" value="  6  " />
</td>
<td bgcolor="#DFDFDF"><input name="btnPlus" onclick="Operation('+')" type="Button" value="  +  " /></td>
<td bgcolor="#DFDFDF"><input name="btnMultiply" onclick="Operation('*')" type="Button" value="  *  " /></td>


</tr>
<tr> 
<td bgcolor="#DFDFDF"><input name="btnOne" onclick="NumPressed(1)" type="Button" value="  1  " />
</td>
<td bgcolor="#DFDFDF"><input name="btnTwo" onclick="NumPressed(2)" type="Button" value="  2  " />
</td>
<td bgcolor="#DFDFDF"><input name="btnThree" onclick="NumPressed(3)" type="Button" value="  3  " />
</td>
<td bgcolor="#DFDFDF"><input name="btnMinus" onclick="Operation('-')" type="Button" value="  -  " /></td>
<td bgcolor="#DFDFDF"><input name="btnDivide" onclick="Operation('/')" type="Button" value="  /  " /></td>


</tr>
<tr> 
<td bgcolor="#DFDFDF"><input name="btnZero" onclick="NumPressed(0)" type="Button" value="  0  " />
</td>
<td bgcolor="#DFDFDF"><input name="btnDecimal" onclick="Decimal()" type="Button" value="  .  " />
</td>
<td bgcolor="#797979" colspan="3"><input name="btnClear" onclick="Clear()" type="Button" value="  C  " />
<input name="btnClearEntry" onclick="ClearEntry()" type="Button" value=" CE " />
<input name="btnEquals" onclick="Operation('=')" type="Button" value="  =  " /></td>
</tr>
</tbody></table>
</form>
<script language="JavaScript">
var FKeyPad = document.Keypad;
var Accum = 0;
var FlagNewNum = false;
var PendingOp = "";
function NumPressed (Num) {
if (FlagNewNum) {
FKeyPad.ReadOut.value = Num;
FlagNewNum = false;
}
else {
if (FKeyPad.ReadOut.value == "0")
FKeyPad.ReadOut.value = Num;
else
FKeyPad.ReadOut.value += Num;
}
}
function Operation (Op) {
var Readout = FKeyPad.ReadOut.value;
if (FlagNewNum && PendingOp != "=");
else
{
FlagNewNum = true;
if ( '+' == PendingOp )
Accum += parseFloat(Readout);
else if ( '-' == PendingOp )
Accum -= parseFloat(Readout);
else if ( '/' == PendingOp )
Accum /= parseFloat(Readout);
else if ( '*' == PendingOp )
Accum *= parseFloat(Readout);
else
Accum = parseFloat(Readout);
FKeyPad.ReadOut.value = Accum;
PendingOp = Op;
}
}
function Decimal () {
var curReadOut = FKeyPad.ReadOut.value;
if (FlagNewNum) {
curReadOut = "0.";
FlagNewNum = false;
}
else
{
if (curReadOut.indexOf(".") == -1)
curReadOut += ".";
}
FKeyPad.ReadOut.value = curReadOut;
}
function ClearEntry () {
FKeyPad.ReadOut.value = "0";
FlagNewNum = true;
}
function Clear () {
Accum = 0;
PendingOp = "";
ClearEntry();
}
function Neg () {
FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1;
}
function Percent () {
FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accum);
}
</script>

Selanjutnya silahkan anda masuk diakun blogger anda masing masing, buat halaman baru dan beri judul Kalkulator online Pilih mode HTML Lalu paste kode Diatas yang tadi sudah anda copy ke halaman baru yang telah di buat.

Dengan demikian kini anda sudah berhasil memasang kalkulator secara online di blogger atau blogspot.

Mungkin di antara anda ada yang penasaran dan ingin melihat seperti apa Kira kira contohnya, berikut ini adalah Contoh Tampilan dari Kode yang saya bagikan di atas.

NB : Jika tampilan kode di atas tidak sama persis dengan tampilan yang saya contohkan, anda tidak perlu heran, karena di template ini menggunakan kode Css table responsive.

Oke, cukup sampai di sini ya pembahasan sederhana Cara memasang kalkulator Secara online di blogger semoga saja apa yang saya bagikan ini ada manfaatnya buat para team blogger semuanya. Dan tak lupa saya selaku admin blog sederhana ini mengucapkan banyak banyak terimakasih atas waktu dan kunjungan anda semua. Wasalam