Pusing cari alat hitung ? Buat Calculator dalam blog!

Lho ? Masa buat calculator dalam blog?! Emang mo buat apa?! Aha.. ini khan sekedar buat pelengkap saja. E..., siapa tahu ada yang butuh! Mungkin saja ada di antara kalian yang saat ini sedang nyambi jual bakso atau jual tahu, atau mungkin setiap kali othak-athik template harus nyari cipoa gara-gara calculatornya dipakai istri atau buat belajar anak. Nggak susah buatnya dan ditanggung pasti ada manfaatnya. E... kali-kali juga penggemar setia blog kalian lagi pusing nyari calkulator yang ketinggalan di toko, jadinya tinggal klik di blog ! Iya, khan ?!

Langkah buat calculator :

1. Amankan template terlebih dahulu, karena ada beberapa alternatif tempat untuk calculator ini memasang. Lihat blok pengamanan template :
KLIK Gambar

2. Langkah ke 2 lihat blog langkah berikut :
KLIK Gambar

3. Silahkan download javascript di sebelah : DOWNLOAD JAVASCRIPT

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table border="2" width="220" cellspacing="0" cellpadding="0"
style="border-color:black" bgcolor="#343535" onclick="previouskey=event.srcElement.innerText">
<tr>
<td><table text-align="right" border="4" height="65" bgcolor="#292927" id="result" border-color="#ece9d8"
style="font:bold 20px Verdana; color:#fed800;" width="100%">0</table></td>
</tr>
<tr>
<td valign="middle" width="100%" align="center"><table border="2"
cellspacing="0" width="100%" cellpadding="0" style="font:bold 18px Verdana;color:#93ad01">
<tr>
<td width="80%" align="center"><table cellspacing="0" border="2"
onclick="calculate()" onselectstart="return false"
cellpadding="0"
onmouseout="event.srcElement.style.color='blue'"
onmouseover="if (event.srcElement.tagName=='TD')event.srcElement.style.color='yellow'" height="143" style="cursor:hand;font:bold 18px Verdana;color:green" width="100%">
<tr>
<td width="25%" height="34" align="center">7</td>
<td width="25%" height="34" align="center">8</td>
<td width="25%" height="34" align="center">9</td>
<td width="25%" height="34" align="center">/</td>
</tr>
<tr>
<td width="25%" height="34" align="center">4</td>
<td width="25%" height="34" align="center">5</td>
<td width="25%" height="34" align="center">6</td>
<td width="25%" height="34" align="center">*</td>
</tr>
<tr>
<td width="25%" height="34" align="center">1</td>
<td width="25%" height="34" align="center">2</td>
<td width="25%" height="34" align="center">3</td>
<td width="25%" height="34" align="center">-</td>
</tr>
<tr>
<td width="25%" height="34" align="center">0</td>
<td
onclick="pn();previouskey=1;event.cancelBubble=true" width="25%" height="34" align="center">+/-</td>
<td width="25%" height="34" align="center">.</td>
<td width="25%" height="34" align="center">+</td>
</tr>
</table>
</td>
<td width="20%"><div align="left"><table border="1"
cellpadding="0" width="100%" cellspacing="0">
<tr>
<td
ondblclick="receiptroll.rolls.innerHTML=''"
onclick="result.innerText=0;results='';receiptmemory=''" onselectstart="return false" width="100%" style="cursor:hand; font:bold 20px Verdana; color:red; text-align:center" height="42">C</td>
</tr>
</table>
</div><div align="left"><table border="2" width="100%" cellspacing="0" cellpadding="0"
height="97">
<tr>
<td
onmouseover="event.srcElement.style.color='#c5fe01'"
onmouseout="event.srcElement.style.color='#fe01ef'" width="100%" style="cursor:hand;font:bold 32px Verdana;color:white;text-align:center" height="95" onclick="calculateresult()">=</td>
</tr>
</table>
</div></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<script language="JavaScript1.2" src="http://bloggerstars/calculatorBGS.js"></script>

Ket :

a. di bagian body bisa di atas <div id='footer-wrapper'> atau di bawah <div id='main-wrapper'>
b. Ganti KODE URL yang di cetak tebal di ujung paling bawah dengan URL baru hasil UPLOAD
c. KODE yang bisa di edit lagi adalah untuk merubah ukuran, ukuran border dan color/warna baik background ataupun border serta teks. Jenis font juga bisa diubah baik dengan helvetica, Arial atau yang lain.

4. Calculator ini juga bisa ditempatkan di Elemen laman pada tambah gadget di sidebar kanan atau kiri.
KLIK gambar

Selamat mecoba!! Mudah-mudahan lebih lancar saat menghitung hasil jualan sate atau soto dan untungnya tambah gedhe !!!