April 2013 - Ozan Hacker | Free Software and Tutorial.

Menghitung IPK Menggunakan PHP

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgShpchpVBH4KoRce0GdZusF7K9e1Dtnz3OfPakiAYUkeoHj9GD1Rot6JUXPFsUIElrLARKzmt03q_5alEzQ9YQhmMvwgeCej8QKqYGwxwnkIXimTr_CA1nrAmyxrmnUqhl9NO-hEkKcrIu/s1600/php.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgShpchpVBH4KoRce0GdZusF7K9e1Dtnz3OfPakiAYUkeoHj9GD1Rot6JUXPFsUIElrLARKzmt03q_5alEzQ9YQhmMvwgeCej8QKqYGwxwnkIXimTr_CA1nrAmyxrmnUqhl9NO-hEkKcrIu/s200/php.png" width="200" /></a></div>
Pada postingan kali ini saya akan share tugas kuliah lagi, siapa tahu ada yang mamiliki tugas yang sama, jadi bisa untuk sedikit pencerahan. Untukkesempatan kali ini kita akan berbicara mengenai PHP, disini saya mencobanya menggunakan xampp, sedangkan file PHPnya diletakkan pada salah satu directory xampp yaitu htdocs yang nantinya di akses menggunakan alamat localhost, lihat gambar di bawah ini.<br />
<br />
<div style="text-align: center;">
<b>Preent Screen Directory</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF77BmMj76HfOk6fpGZyWyFaVM_BYLD_BtDBtZrruFrvoEYwIT1nKEGuvgsXMz1YRUOhF_SV394pzBlDkq03jpUF6DUEVNYc1emReSYri-cWxFc18_E_7QasWL_xDWiNTitbFX02hXCZGG/s1600/Screenshot+(17).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF77BmMj76HfOk6fpGZyWyFaVM_BYLD_BtDBtZrruFrvoEYwIT1nKEGuvgsXMz1YRUOhF_SV394pzBlDkq03jpUF6DUEVNYc1emReSYri-cWxFc18_E_7QasWL_xDWiNTitbFX02hXCZGG/s400/Screenshot+(17).png" width="400" /></a></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: center;">
<b>Preent Screen Akses</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiWd6bOdvCXTNNE2XsOPs8CvjNXNSY5iJlqUAXGlpJzxnVXXVCUF7H28hFkEV_aTtr3o1hf_vCyygWOIFgQHzgQ3BbQNcHsYNs5o8lSMQfyd6vy2hriJgk7dlVrgS68KKyWZssNCOk5ilg/s1600/Screenshot+(18).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiWd6bOdvCXTNNE2XsOPs8CvjNXNSY5iJlqUAXGlpJzxnVXXVCUF7H28hFkEV_aTtr3o1hf_vCyygWOIFgQHzgQ3BbQNcHsYNs5o8lSMQfyd6vy2hriJgk7dlVrgS68KKyWZssNCOk5ilg/s400/Screenshot+(18).png" width="400" /></a></div>
<div style="text-align: left;">
<b><br /></b></div>
<div style="text-align: left;">
<b>Langkah-langkah pembuatannya sbb...</b></div>
<div style="text-align: left;">
</div>
<ul>
<li>Buatlah file php bernama ipk1.php (terserah menggunakan notepad++ atau lainnya)</li>
<li>Simpan file didalam directory htdocs (terserah mau didalam folder lain atau di htdocs nya)</li>
<li>Copas Coding dibawah ini...</li>
</ul>
<div>
<blockquote class="tr_bq">
<html><br />
    <body><br />
        <form action = "ipk2.php" method = "post"><br />
            <table><br />
                <tr><td><h3><p align="center">INPUT JUMLAH MATA KULIAH<p></h3></td></tr><br />
                <tr><td>Jumlah mata kuliah yang diambil : <input type="text" name="jumlahmk"/></td></tr><br />
                <tr><td><input type="submit" name="submit" value="OK"/></td></tr><br />
            </table><br />
        </form><br />
    </body><br />
</html></blockquote>
</div>
<div>
<ul>
<li>Buatlah file ipk2.php dan copy soding dibawah...</li>
</ul>
<div>
<blockquote class="tr_bq">
<?php<br />
$jumlahmk = $_POST['jumlahmk'];<br />
echo"<form action='ipk3.php' method='post'>";<br />
echo"<h3>INPUT NILAI MASING-MASING MATA KULIAH</h3>";<br />
echo"<table><tr><td>No</td><td><p align = 'center'>Nama Mata Kuliah</p></td><td><p align = 'center'>nilai</p></td><td><p align = 'center'>sks</p></td><tr>";<br />
for ($i = 1; $i <= $jumlahmk; $i++) {<br />
    echo"<tr><td> $i";<br />
    echo"</td><td> <input type ='text' name ='matakuliah" . $i . "'> <br>";<br />
    echo"</td><td>";<br />
    echo"<input type='text' name='nilaimk" . $i . "'> <br>";<br />
    echo"</td><td>";<br />
    echo"<input type='text' name='sks" . $i . "'> <br>";<br />
    echo"</td></tr>";<br />
}<br />
echo"<tr><td>";<br />
echo"<br> <input type='submit' name='submit' value='OK'/>";<br />
echo"</td></tr>";<br />
echo"<br><input type='hidden' name='jumlahmk' value='" . $jumlahmk . "'/>";<br />
echo"</form>";<br />
?></blockquote>
</div>
</div>
<div>
<ul>
<li>Buatlah file ipk3.php dan copy code dibawah ini...</li>
</ul>
<div>
<blockquote class="tr_bq">
<?php<br />
$jumlahmk = $_POST['jumlahmk'];<br />
$matakuliah = $_POST['matakuliah'];<br />
$hsil = 0;<br />
$totalsks = 0;<br />
$jnilaisks = 0;<br />
$tnindex = 0;<br />
echo"<table>";<br />
echo"<tr><td>";<br />
echo"<h3><p align='center'>IPK yang diperoleh</p></h3></td></tr>";<br />
echo"<tr><td>";<br />
echo"<table border = 1 >";<br />
echo"<tr><td>Nama Mata Kuliah</td><td>SKS</td><td>Nilai</td><td>Predikat</td></tr>";<br />
for ($i = 1; $i <= $jumlahmk; $i++) {<br />
    $tmatakuliah[$i] = $_POST['matakuliah' . $i];<br />
    $nsks[$i] = $_POST['sks' . $i];<br />
    $nilai[$i] = $_POST['nilaimk' . $i];<br />
    if ($nilai[$i] > 80) {<br />
        $nindex[$i] = 4;<br />
        $predikat[$i] = 'A';<br />
    } else if (($nilai[$i] > 60) && ($nilai[$i] < 81)) {<br />
        $nindex[$i] = 3;<br />
        $predikat[$i] = 'B+';<br />
    } else if (($nilai[$i] > 50) && ($nilai[$i] < 61)) {<br />
        $nindex[$i] = 2;<br />
        $predikat[$i] = 'B';<br />
    } else if (($nilai[$i] > 40) && ($nilai[$i] < 51)) {<br />
        $nindex[$i] = 1;<br />
        $predikat[$i] = 'C+';<br />
    } else if (($nilai[$i] >= 0) && ($nilai[$i] < 41)) {<br />
        $nindex[$i] = 0;<br />
        $predikat[$i] = 'C';<br />
    }<br />
    $tnindex += $nindex[$i];<br />
    $hsil += $nilai[$i];<br />
    $totalsks+= $nsks[$i];<br />
    $jnilaisks+=($nsks[$i] * $nindex[$i]);<br />
    echo"<tr><td> $tmatakuliah[$i]</td><td><p align='center'>$nsks[$i]</p></td><td>$nilai[$i]<br></td><td><p align='center'>$predikat[$i]</p></td></tr>";<br />
}<br />
echo"</td></tr>";<br />
echo"</table>";<br />
$rata = $hsil / $jumlahmk;<br />
$totsks = $jnilaisks / $totalsks;<br />
$totalnindex = $tnindex / $jumlahmk;<br />
echo"<br><br>";<br />
echo"<table>";<br />
echo"<tr><td>Total nilai adalah </td><td>  $hsil</td></tr> ";<br />
echo"<tr><td>Total sks adalah </td><td> $totalsks</td></tr> ";<br />
echo"<tr><td>Rata-rata nilai adalah </td><td> $rata</td></tr>";<br />
echo"<tr><td>IPK adalah </td><td> $totalnindex</td></tr>";<br />
echo"</table>";<br />
?></blockquote>
</div>
</div>
<div>
<br /></div>
<div>
<i><b>Keterangan:</b></i></div>
<div>
<ul>
<li><i>Belakangan...kalo ada kesulitan silahkan coment...hehe...</i></li>
</ul>
<div>
Semoga membantu...</div>
</div>
<div>
<br /></div>

Menghitung IPK Menggunakan PHP

Pada postingan kali ini saya akan share tugas kuliah lagi, siapa tahu ada yang mamiliki tugas yang sama, jadi bisa untuk sedikit pencerahan. Untukkesempatan kali ini kita akan berbicara mengenai PHP, disini saya mencobanya menggunakan xampp, sedangkan file PHPnya diletakkan pada salah satu director…

Baca Selengkapnya...

Apr 30, 2013

Cara Download Cepat 4shared

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw7980qiX_Lfiodau6c_2l11JqkoTAljS9tm8ck-pQFbgDLUHeGAMpHi_QJZlrYpbh8Jwk72uw3qE83oG6VKRgpPYXrlditrX5LYDMNYK1MOKm9XP4mzLJjRCJijCyxyYgBWd4nCkPdgcu/s1600/4shared.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw7980qiX_Lfiodau6c_2l11JqkoTAljS9tm8ck-pQFbgDLUHeGAMpHi_QJZlrYpbh8Jwk72uw3qE83oG6VKRgpPYXrlditrX5LYDMNYK1MOKm9XP4mzLJjRCJijCyxyYgBWd4nCkPdgcu/s200/4shared.png" width="174" /></a></div>
<br />
<div class="MsoNormal">
Ada yang sering download di 4shared, tapi ribet kalo mau download aja di suruh login + nunggu beberapa detik dulu, nah pada postingan kali ini sya akan mengurai solusi agar download di 4shared tanpa login dan tanpa nunggu melalui link generator 4shared... <o:p></o:p></div>
<div class="MsoNormal">
<br />
<br />
<br /></div>
<div class="MsoNormal">
<b>Langsung ae...ikuti langkah sbb...<o:p></o:p></b></div>
<div class="MsoNormal">
</div>
<ul>
<li>Sobat Copy link 4shared yang mau di Download. Contoh :</li>
</ul>
<blockquote class="tr_bq">
www.4shared.com/archive/9dZf5qJz/KeyGen_WinPatrol_PLUSS_v280201.html</blockquote>
<ul>
<li>Paste link download ke kolom dibawah ini :</li>
<center>
<form action="http://www.4server.info/find.php" method="get" target="_blank">
<input name="data" style="width: 300px;" type="text" />
<input class="formbutton" name="search" onclick="document.getElementById('img_load').style.display='inline'" type="submit" value="Generate Link" />
</form>
</center>
<li>Kemudia klik Generate Link, maka secara otomatis akan mbuka tab baru, seperti di bawah ini...</li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFavCndI8-Z8CB7E_MGgTaanOChCKZoOYRYLo50UI5-H3cwvcJSGGokKFVJuX0BKQ7mySUoGMMTcIMYEzJTACJhJce70TapYAZOVJcG9XRcxBhlRFQEZjLOIqB97DeTpnaUlKRZhJ6LvQ4/s1600/gl.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFavCndI8-Z8CB7E_MGgTaanOChCKZoOYRYLo50UI5-H3cwvcJSGGokKFVJuX0BKQ7mySUoGMMTcIMYEzJTACJhJce70TapYAZOVJcG9XRcxBhlRFQEZjLOIqB97DeTpnaUlKRZhJ6LvQ4/s320/gl.png" width="320" /></a></div>
<div>
<br /></div>
<ul>
<li>Tunggu beberapa detik... Maka akan download secara otomatis...</li>
</ul>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Gimana?? Enak too...silahkan gunakan dengan bijak...hehe...<o:p></o:p></div>

Cara Download Cepat 4shared

Ada yang sering download di 4shared, tapi ribet kalo mau download aja di suruh login + nunggu beberapa detik dulu, nah pada postingan kali ini sya akan mengurai solusi agar download di 4shared tanpa login dan tanpa nunggu melalui link generator 4shared... Langsung ae...ikuti langkah sbb... Sobat C…

Baca Selengkapnya...

Apr 21, 2013

Connectify Hotspot Pro 4.3 Full

<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLzN34jtoT2l8DHQO2gQQCPR4iLuiyMxy4mpHPnd_KLp6WbWFUZTwikg6U8qlfAkUrCtp9wjJ-y4e0NWRPX23PshDf2m7l3WYYSgm6OkNdqVH_9qNGUTuK5PTfco-ytSyXP0-KwWGokjAj/s1600/images.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLzN34jtoT2l8DHQO2gQQCPR4iLuiyMxy4mpHPnd_KLp6WbWFUZTwikg6U8qlfAkUrCtp9wjJ-y4e0NWRPX23PshDf2m7l3WYYSgm6OkNdqVH_9qNGUTuK5PTfco-ytSyXP0-KwWGokjAj/s200/images.jpg" width="142" /></a></div>
<div class="MsoNormal">
Connectify Hotspot adalah sebuah software yang berfungsi untuk membuat laptop kita menjadi Hotspot Area yang memanfaatkan wifi yang ada pada laptop, sehingga sobat bisa berbagi koneksi internet dengan perangkat lain yang memiliki fitur WiFi. Tidak hanya dapat menjadikan laptop kita sebagai Hotspot saja, software Connectify Hotspot ini juga dilengkapi dengan Connectify Dispatch, yang memungkinkan kita untuk menggabungkan koneksi internet menjadi satu, sehingga koneksi kita akan menjadi lebih cepat. Pada versi terbaru ini, Connectify Hotspot telah mengalami beberapa perubahan, diantaranya adalah perbaikan bug.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Screenshot</b><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1ZUWt7qkC3SH7o7WpG3Ibxc9KCklrvRk_AWw8neS2VpKY5bBFzGSk4hqTDzea1UpOzm-bVRf4pwe3MkWd_uIhIa8wkCUrGPGFUmJ860iCZKFku0iDjd3USr2Vw0yAJ3PrqsAywPVV9Kj1/s1600/CH.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1ZUWt7qkC3SH7o7WpG3Ibxc9KCklrvRk_AWw8neS2VpKY5bBFzGSk4hqTDzea1UpOzm-bVRf4pwe3MkWd_uIhIa8wkCUrGPGFUmJ860iCZKFku0iDjd3USr2Vw0yAJ3PrqsAywPVV9Kj1/s1600/CH.png" /></a></div>
<br />
<div class="MsoNormal">
<b><br />
</b></div>
<div class="MsoNormal">
<b>Download Link</b><o:p></o:p></div>
<div class="MsoNormal">
</div>
<ul>
<li><a href="https://dl.dropboxusercontent.com/s/spu78kcyi5tsmui/Connectify%20Pro%204.2.zip?dl=1&token_hash=AAEbSoy8UixHPgRw6ujAyrm4U0qlwig_PxnXCSRKDoF2qw" target="_blank">Conectify Hotspot 4.3</a></li>
<li><a href="http://adf.ly/NPSGf" target="_blank">License Conectify Hotspot 4.3</a></li>
</ul>
<div>
<b>Pasword : www.ozanhacker.com</b></div>
<o:p></o:p><br />
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Daftar Network Card yang support dengan Connectify Hotspot Pro 4.3 :</b><o:p></o:p></div>
<div class="MsoNormal">
</div>
<ul>
<li>Atheros AR5xxx/AR9xxx cards, driver version 8.0.0.238</li>
<li>Broadcom 4310-series (in many Dell laptops)</li>
<li>Broadcom 4321AG/4322AG/43224AG WLAN Adapter, driver version 5.60.18.8 (here)</li>
<li>D-link AirPlus G DWL-G510 Wireless PCI Adapter, driver version 3.0.1.0</li>
<li>D-Link DWA-140 RangeBooster N USB Adapter, driver version 3.0.3.0</li>
<li>Dell 1397 Mini-Card (Broadcom), 5.30.21.0 (here)</li>
<li>Dell 1505 Draft N, 5.60.18.8 (here)</li>
<li>Dell 1510 Wireless N adapter (Broadcom) 5.60.18.8, (here)</li>
<li>Dell 1701 Wireless N adapter 6.3.0.7900 (here)</li>
<li>Dell 1702 Wireless N adapter 9.2.0.412 (here)</li>
<li>Intel Centrino Ultimate-N 6300AGN, 14.1.1.3 (here)</li>
<li>Intel Centrino Advanced-N 6200, 13.3.0.24 (here)</li>
<li>Intel Wi-Fi Link 1000, 13.3.0.24</li>
<li>Intel Wi-Fi Link 5100, 13.4.0.9 (here)</li>
<li>Intel Wi-Fi Link 5300, 13.5.0.6</li>
<li>Linksys Dual-Band Wireless-N USB Network Adapter(WUSB600N), driver version 3.0.10.0</li>
<li>Netgear 108 Mbit WG311T</li>
<li>Ralink RT2870 (in many 802.11n USB dongles)</li>
<li>Realtek RTL8187B (here)</li>
<li>Realtek RTL8187SE (with the drivers that came with Windows 7)</li>
<li>Realtek RTL8188CE (here)</li>
<li>Realtek RTL8192u with 1370 (Beta)</li>
<li>Sitecom Wireless USB Adapter 54g WL-608, with Ralink RT2870 drivers, version 3.0.9.0</li>
</ul>
<o:p></o:p><br />
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
Note : Sebelum menggunakan software ini, pastikan Network Card / WiFi Card sobat ada pada list di atas dan dalam versi terbarunya. Jika tidak, kemungkinan software Connectify Pro ini tidak berfungsi. Dan apabila sobat mengalami Blue Screen ketika menggunakan software ini, sobat bisa <a href="http://adf.ly/NPnOe" target="_blank">ke sini</a> untuk mendapatkan solusinya.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>

Connectify Hotspot Pro 4.3 Full

Connectify Hotspot adalah sebuah software yang berfungsi untuk membuat laptop kita menjadi Hotspot Area yang memanfaatkan wifi yang ada pada laptop, sehingga sobat bisa berbagi koneksi internet dengan perangkat lain yang memiliki fitur WiFi. Tidak hanya dapat menjadikan laptop kita sebagai Hotspot …

Baca Selengkapnya...

Apr 21, 2013

Login Area Khusus Blogger

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTa5DN0F4q96puypjooVqI4pH5MFJTjmwh9MN52yGiJpfAtDJPxaogaY_qQbgIVqbBjPvjvNrHzK5xxSv4778f0hV80rLKWJ13clak_dZ60ZOmxGghcrM3XLGqcC7sQCXypoNgoltvg6cs/s1600/Untitled.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTa5DN0F4q96puypjooVqI4pH5MFJTjmwh9MN52yGiJpfAtDJPxaogaY_qQbgIVqbBjPvjvNrHzK5xxSv4778f0hV80rLKWJ13clak_dZ60ZOmxGghcrM3XLGqcC7sQCXypoNgoltvg6cs/s1600/Untitled.png" /></a></div>
 Nich setelah modifikasi beberapa jam akhirnya selesai juga...login area untuk blogger yang bisa kita taruh di blog dengan html/javascript dengan mudah...ukuran bisa anda sesuaikan sendiri...hehe...<br />
<br />
Langsung saja codingnya sbb...<br />
<blockquote class="tr_bq">
<html><br />    <head><br />        <style type="text/css"><br />#gaia_loginform {<br />    background-color: #FFFFFF;<br />    background-image: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE);<br />    border-radius: 3px 3px 3px 3px;<br />    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 3px 0 #FFFFFF, 0 4px 0 rgba(0, 0, 0, 0.2), 0 6px 0 #FFFFFF, 0 7px 0 rgba(0, 0, 0, 0.2);<br />    height: 110px;<br />    padding: 15px;<br />    position: absolute;<br />    width: 200px;<br />    z-index: 0;<br />}<br />#gaia_loginform:before {<br />    border: 1px dashed #CCCCCC;<br />    bottom: 5px;<br />    box-shadow: 0 0 0 1px #FFFFFF;<br />    content: "";<br />    left: 5px;<br />    position: absolute;<br />    right: 5px;<br />    top: 5px;<br />    z-index: -1;<br />}<br />h1 {<br />    color: #666666;<br />    font: 14px/1 Verdana,Helvetica;<br />    letter-spacing: 2px;<br />    top: -2px;<br />    margin: 0 0 5px;<br />    position: relative;<br />    text-align: center;<br />    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7), 0 2px 0 rgba(0, 0, 0, 0.5);<br />    text-transform: uppercase;<br />}<br />h1:after, h1:before {<br />    background-color: #777777;<br />    content: "";<br />    height: 1px;<br />    position: absolute;<br />    top: 8px;<br />    width: 40px;<br />}<br />h1:after {<br />    background-image: -moz-linear-gradient(left center , #777777, #FFFFFF);<br />    right: 0;<br />}<br />h1:before {<br />    background-image: -moz-linear-gradient(right center , #777777, #FFFFFF);<br />    left: 0;<br />}<br /><br />#Email, #Passwd {<br />    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZff2hxFWHvV6EV4jWuKsz3Kp3GW4zkm_SG9c8Q_DLzQ6dEFytU1rPaP_MVVfiqZ2YlIlaOk7z5vCk72g3Si5eHUFjv2gkM62PgoYbIZyXPGOgjha1HruqFmtDz5wCZI69FRI5giTHHLHC/s1600/login-sprite.png") no-repeat scroll 0 0 #F1F1F1;<br />    border: 1px solid #CCCCCC;<br />    border-radius: 5px 5px 5px 5px;<br />    box-shadow: 0 1px 1px #CCCCCC inset, 0 1px 0 #FFFFFF;<br />    margin: 0 0 10px;<br />    padding: 5px 5px 5px 25px;<br />    width: 200px;<br />    bottom: 5px;<br />}<br />#Email {<br />    background-position: 5px -12px !important;<br />}<br />#Passwd {<br />    background-position: 5px -61px !important;<br />}<br />#Email:focus, #Passwd:focus {<br />    background-color: #FFFFFF;<br />    border-color: #E8C291;<br />    box-shadow: 0 0 0 1px #E8C291 inset;<br />    outline: medium none;<br />}<br /><br />#signIn {<br />    background-color: #FFB94B;<br />    background-image: -moz-linear-gradient(center top , #FDDB6F, #FFB94B);<br />    border-color: #D69E31 #E3A037 #D5982D;<br />    border-radius: 3px 3px 3px 3px;<br />    border-style: solid;<br />    border-width: 1px;<br />    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;<br />    color: #8F5A0A;<br />    cursor: pointer;<br />    float: left;<br />    font: bold 14px Arial,Helvetica;<br />    height: 20px;<br />    padding: 0;<br />    right: 50px;<br />    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);<br />    width: 80px;<br />}<br />#signIn:hover, #signIn:focus {<br />    background-color: #FDDB6F;<br />    background-image: -moz-linear-gradient(center top , #FFB94B, #FDDB6F);<br />}<br />#signIn:active {<br />    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;<br />    outline: medium none;<br />}<br />#signIn::-moz-focus-inner {<br />    border: medium none;<br />    color: #3151A2;<br />    float: right;<br />    line-height: 12px;<br />}<br />        </style><br />    </head><br /><br />    <body><br />   <br />        <div class="sign-in"><br />            <div class="signin-box"><br />                <form method="post" action="https://accounts.google.com/ServiceLoginAuth" id="gaia_loginform" novalidate=""><br />                    <h1>LOGIN AREA</h1><br />                    <input type="hidden" value="http://www.blogger.com/home" id="continue" name="continue"><br />                    <input type="hidden" value="http://www.blogger.com/home" id="followup" name="followup"><br />                    <input type="hidden" value="blogger" id="service" name="service"><br />                    <input type="hidden" value="-2776572753278298431" id="dsh" name="dsh"><br />                    <input type="hidden" value="start" id="ltmpl" name="ltmpl"><br />                    <input type="hidden" value="vNiIbuu7S8w" name="GALX"><br />                    <input type="hidden" value="1" name="pstMsg" id="pstMsg"><br />                    <input type="hidden" value="" name="dnConn" id="dnConn"><br />                    <input type="hidden" value="youtube:9668:1" name="checkConnection" id="checkConnection"><br />                    <input type="hidden" value="youtube" name="checkedDomains" id="checkedDomains"><br />                    <input type="hidden" value="" id="timeStmp" name="timeStmp"><br />                    <input type="hidden" value="" id="secTok" name="secTok"><br />                    <input type="hidden" value="☃" name="_utf8" id="_utf8"><br />                    <input type="hidden" value="js_disabled" id="bgresponse" name="bgresponse"><br />                    <div class="email-div"><br />                    <input type="email" required="" autofocus="" placeholder="Email" id="Email" name="Email" spellcheck="false"><br/> <br />                    </div><br />                    <div class="passwd-div"><br />                    <input type="password" required="" placeholder="Passwd" id="Passwd" name="Passwd"><br/><br />                    </div><br />                    <input type="submit" value="Sign in" id="signIn" name="signIn" class="g-button g-button-submit"><br />                    <label onclick="" class="remember"><br />                    <input type="checkbox" checked="checked" value="yes" id="PersistentCookie" name="PersistentCookie"><br />                    Stay signed in<br />                    </label><br />                    <input type="hidden" value="1" name="rmShown"><br />                </form><br />            </div><br />        </div><br />    </body><br /></html></blockquote>
Semoga bermanfaat ya...<br />
Gunakan dengan bijak...hehe...(kayak apa aja)...

Login Area Khusus Blogger

Nich setelah modifikasi beberapa jam akhirnya selesai juga...login area untuk blogger yang bisa kita taruh di blog dengan html/javascript dengan mudah...ukuran bisa anda sesuaikan sendiri...hehe... Langsung saja codingnya sbb... #gaia_loginform { background-color: #FFFFFF; backgr…

Baca Selengkapnya...

Apr 20, 2013

Contoh Percakapan pada Shell Programing Linux

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMl-kxv55a-xvlUxq6fqcwAuYYpJbU4uy3A1Iwzzgis3qP8b_wi7xjT5N0F1OeSu0izXckmuZEi_d79US-xXLYsB_C5sS0RBw5u_LdrUjM-4nI6RlqeOlnwCrBeXPy1XxcHs4_WZ7VACJs/s1600/images.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMl-kxv55a-xvlUxq6fqcwAuYYpJbU4uy3A1Iwzzgis3qP8b_wi7xjT5N0F1OeSu0izXckmuZEi_d79US-xXLYsB_C5sS0RBw5u_LdrUjM-4nI6RlqeOlnwCrBeXPy1XxcHs4_WZ7VACJs/s200/images.jpg" width="169" /></a></div>
Postingan kali ini adalah lanjutan dari postingan yang sebelumnya yang masih satu tema yaitu Shell Programing Linux namun tingkat lanjutan yang dapat membaca inputan user dan dapat memasukkan menu dan perulangan (while) seperti pada java atau javascript hanya dengan coding yang beda.<div>
<br /></div>
<div>
Langsung saja menuju ke pembahasan, disini saya akan membuat sebuah Shell Program dengan memiliki beberapa menu dan sub menu yang dapat di pilih menggunakan inputan user sesuai menu yang tersedia.</div>
<div>
<br /></div>
<div>
Baris Source Codenya sbb</div>
<div>
<blockquote class="tr_bq">
#!/bin/bash<br />while :<br />do<br />clear<br />echo "       Pilihan Menu"<br />echo "=========================="<br />echo "[1] Membuat file baru"<br />echo "[2] Ubah permission Owner"<br />echo "[3] Ubah permission Group"<br />echo "[4] Ubah permission Other"<br />echo "[5] Lihat hak akses file baru"<br />echo "[6] Hapus file baru"<br />echo "[7] Kluar"<br />echo "=========================="<br />echo -n "Masukkan pilihan: "<br />read pil<br />case $pil in<br />1) echo -n "Nama file: "; read nf; nano /home/ozan/$nf; echo "press any key"; read ;;<br />2) echo "Pilihan permission Owner"; echo "a. Hanya baca"; echo "b. Hanya tulis"; echo "c. Hanya eksekusi"; echo -n "Pilihan: "<br />        read m2<br />        case $m2 in<br />        a) chmod 400 $nf;;<br />        b) chmod 200 $nf;;<br />        c) chmod 100 $nf;;<br />        esac<br />        echo "press any key"; read ;;<br />3) echo "Pilihan permission Group"; echo "a. Hanya baca"; echo "b. Hanya tulis"; echo "c. Hanya eksekusi"; echo -n "Pilihan: "<br />        read m3<br />        case $m3 in<br />        a) chmod 040 $nf;;<br />        b) chmod 020 $nf;;<br />        c) chmod 010 $nf;;<br />        esac<br />        echo "press any key"; read ;;<br />4) echo "Pilihan permission Other"; echo "a. Hanya baca"; echo "b. Hanya tulis"; echo "c. Hanya eksekusi"; echo -n "Pilihan: "<br />        read m4<br />        case $m4 in<br />        a) chmod 004 $nf;;<br />        b) chmod 002 $nf;;<br />        c) chmod 001 $nf;;<br />        esac<br />        echo "press any key"; read ;;<br />5) echo "Hak aksesnya"; ls -l $nf; echo "press any key"; read ;;<br />6) echo -n "File" $nf "akan di hapus? [y/n] "; read p<br />        case $p in<br />        y) rm $nf; echo "File" $nf "telah terhapus"; echo "press any key"; read ;;<br />        n) echo "Batal hapus file" $nf; echo "press any key"; read ;;<br />        esac;;<br />7) exit 0 ;;<br />*) echo "Pilihan tidak benar"; echo "press any key"; read ;;<br />esac<br />done</blockquote>
</div>
<div>
<br /></div>
<div>
<i>Keterangan:</i></div>
<div>
<ul>
<li>#!/bin/bash ~> Pembuka file .sh yang nantinya akan menentukan hak akses</li>
<li>while ~> Berfungsi untuk perulangan menu</li>
<li>clear ~> untuk membersihkan layar agar hanya menu yang baru yang terlihat</li>
<li>-n ~> Agar inputan user sejajar dengan teks sebelumnya (tidak enter)</li>
<li>read ~> Untuk membaca inputan user</li>
<li>pil ~> Variable penympan inputan pilihan</li>
<li>case ~> Untuk membuat pilihan menu sesuai angka inputan (variable pil)</li>
<li>nf ~> Variable penyimpan nama file baru (harus sekaligus diberi ektensi)</li>
<li>nano $nf ~> Membuat file baru sesuai ektensi inputan</li>
</ul>
<div>
<br /></div>
</div>
<div>
Maaf tidak bisa mengikut sertakan gambar runtimenya, soalnya linuxnya belum di install image editor...hehe...jadi kalo pengen tau hasilnya silahkan copas ke file ektensi .sh di linux, kalau belum tahu cara buatnya <a href="http://www.ozanhacker.com/2013/04/belajar-shell-programing-linux.html" target="_blank">silahkan lihat disini...</a>ganti baris codenya dengan yang di atas...</div>
<div>
<br /></div>
<div>
Sekian...semoga bermanfaat...</div>
<div>
<THANK></div>
<div>
<br /></div>

Contoh Percakapan pada Shell Programing Linux

Postingan kali ini adalah lanjutan dari postingan yang sebelumnya yang masih satu tema yaitu Shell Programing Linux namun tingkat lanjutan yang dapat membaca inputan user dan dapat memasukkan menu dan perulangan (while) seperti pada java atau javascript hanya dengan coding yang beda. Langsung saja …

Baca Selengkapnya...

Apr 10, 2013

Belajar Shell Programing Linux

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSbAKmE2OgTkXEvQw2R3_VcoLxMODa1JzM0I5sZGyvcD_uDMuyutYQazFLXbL9UuAfeccHZHgkMTprbkv65NZZt_Iz5dw4r7OdnyIXIlS8TYg5jOPHKxo3wUAq6MLuz1hc4cqF_Rqq7dmU/s1600/images.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSbAKmE2OgTkXEvQw2R3_VcoLxMODa1JzM0I5sZGyvcD_uDMuyutYQazFLXbL9UuAfeccHZHgkMTprbkv65NZZt_Iz5dw4r7OdnyIXIlS8TYg5jOPHKxo3wUAq6MLuz1hc4cqF_Rqq7dmU/s200/images.jpg" width="169" /></a></div>
Pada postingan kali ini saya akan membahas mengenai Shell Programing yang terdapat di linux dengan menggunakan file ber-ektensi .sh yang di jalankan menggunakan terminal linux, sebelum mulai kepembuatan file .sh, sudo (login root) terlebih dahulu dengan perintah<br />
<blockquote class="tr_bq">
# sudo su</blockquote>
<br />
Selanjutnya untuk membuat file ber-ektensi .sh adalah dengan menggunakan perintah berikut pada terminal<br />
<blockquote class="tr_bq">
nano nama_file.sh</blockquote>
<br />
Kemudian ketikkan baris perintah shell yang ingin anda jalankan, contoh:<br />
<blockquote class="tr_bq">
echo "Nyoba aja"</blockquote>
<br />
Kemudian save file tersebut, adapun fungsi "echo" di atas adalah untuk menampilkan tulisan di terminal. Untuk merubah hak akses file yang baru kita buat dengan mengetik perintah berikut ke terminal<br />
<blockquote class="tr_bq">
chmod 777 nama_file.sh</blockquote>
<br />
 Setelah merubah hak akses maka file yang kita bikin dapat di akses secara langsung dengan mengetikkan perintah berikut di terminal<br />
<blockquote class="tr_bq">
./nama_file.sh</blockquote>
<br />
 Maka akan muncul tulisan yang ada di dalam file .sh yang ada di dalam petik setelah echo seperti gambar berikut<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEichxwUKAWnioRCDGk3QSohqDwdZW3QGWbPXOycuWKtcN3ZcXcT4O-loCCt3zWwDZfplufASoxIB6hyphenhyphen0oRnzen3ZdzzzQWMLm43k1ZsaaA9GX9wAPOaRgne3_UIpxS0eyxRIerPXKzmBUp_/s1600/Screenshot+from+2013-04-11+00:57:24.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEichxwUKAWnioRCDGk3QSohqDwdZW3QGWbPXOycuWKtcN3ZcXcT4O-loCCt3zWwDZfplufASoxIB6hyphenhyphen0oRnzen3ZdzzzQWMLm43k1ZsaaA9GX9wAPOaRgne3_UIpxS0eyxRIerPXKzmBUp_/s320/Screenshot+from+2013-04-11+00:57:24.png" width="320" /></a></div>
<br />
<br />
Didalam file .sh anda dapat membuat sebuah percakapan seperti program pada umumnya, hanya tampilannya lebih sederhanya, anda juga dapat memasukkan perintah-perintah yang terdapat di linux ke dalam shell programing ini, untuk lebih lanjut <a href="http://www.ozanhacker.com/2013/04/contoh-percakapan-pada-shell-programing.html" target="_blank">silahkan klik di sini...</a><br />
<br />
Semoga bermanfaat...<br /><THANK><br />
<br />

Belajar Shell Programing Linux

Pada postingan kali ini saya akan membahas mengenai Shell Programing yang terdapat di linux dengan menggunakan file ber-ektensi .sh yang di jalankan menggunakan terminal linux, sebelum mulai kepembuatan file .sh, sudo (login root) terlebih dahulu dengan perintah # sudo su Selanjutnya untuk membuat …

Baca Selengkapnya...

Apr 10, 2013

Javascript Login Area

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5rJUhznNNXuApO5k34qj6bnjx7LMUBu-ex3Sj0LPG1pSEKuzKosVnn6YUdnUPLhb70VULj97-uqqzNZTIIBBlTXUbifH9kXtLQzGCYApE5R2BeCf-uSl1G0v2UCkQ9rMhhrixItP7uJNh/s1600/login.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5rJUhznNNXuApO5k34qj6bnjx7LMUBu-ex3Sj0LPG1pSEKuzKosVnn6YUdnUPLhb70VULj97-uqqzNZTIIBBlTXUbifH9kXtLQzGCYApE5R2BeCf-uSl1G0v2UCkQ9rMhhrixItP7uJNh/s200/login.png" width="200" /></a></div>
Ga' usah pake kata-kata ya...hehe...<br />
<br />
Langsung saja ini source codenya...<br />
<div>
<br /></div>
<div>
<blockquote>
<HTML><br />
    <head><br />
        <title>Login Area</title><br />
        <script language="javascript"><br />
            function pasuser(form) {<br />
                if (form.id.value == "Ozan") {<br />
                    if (form.pass.value == "1234") {<br />
                        alert("Selamat anda telah berhasil login...!!");<br />
                    } else {<br />
                        alert("Maaf pasword tidak benar");<br />
                    }<br />
                } else {<br />
                    alert("Maaf ID tidak tersedia");<br />
                }<br />
            }<br />
        </script><br />
    </head><br />
    <body><br />
    <center><br />
        <form name="login"><br />
            <font align="center" size="5px"><b>Login Area</b></font><br />
            <p>Username <input name="id" type="text" size=10></br><br />
            Password <input name="pass" type="password" size=10></br></p><br />
            <input type="button" value="Login" onClick="pasuser(this.form)"><br />
            <input type="Reset" value="Reset"><br />
        </form><br />
    </center><br />
</body><br />
</HTML></blockquote>
Ini fungsinya standar...jadi ga' usah aq terangin ya...:D</div>

Javascript Login Area

Ga' usah pake kata-kata ya...hehe... Langsung saja ini source codenya... Login Area function pasuser(form) { if (form.id.value == "Ozan") { if (form.pass.value == "1234") { alert("Selamat anda telah berhas…

Baca Selengkapnya...

Apr 08, 2013

Fungsi eval() pada Javascript

<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKLiPWhArssTtsKk_H7st6orYNmTGF2gHq-v1asuJmXuhTr2UDu6vSTobbWR0JQAbPx2KXiqaCouMYznFbnxgZwKEHt2rAuhZlGMl5r8ENt0mCc9ywz6rWIT3GHRJbwequUuwwq-_-aTHj/s1600/JavaScript-Web.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKLiPWhArssTtsKk_H7st6orYNmTGF2gHq-v1asuJmXuhTr2UDu6vSTobbWR0JQAbPx2KXiqaCouMYznFbnxgZwKEHt2rAuhZlGMl5r8ENt0mCc9ywz6rWIT3GHRJbwequUuwwq-_-aTHj/s200/JavaScript-Web.jpg" width="200" /></a></div>
Function.eval() digunakan untuk mengevaluasi apa saja yang direpresentasikan didalam parameter expression.<br />
<br />
Function.eval() adalah fungsi standard JavaScript 1.0+, JScript 1.0+, ECMAScript 1.0+ dan didukung Google Chrome Beta+, Firefox 1.0 (Gecko 1.7)+, Internet Explorer 3+, Netscape Navigator 2.0+, Opera 3.0+, Safari 1.0+.<br />
<br />
Sintaks:<br />
<blockquote class="tr_bq">
eval(expression)</blockquote>
Dimana expression adalah ekspresi yang valid yang akan diperlakukan sebagai kode JavaScript oleh interpreter. Jika nilai parameter expression bukanlah string, maka itu yang akan dikembalikan. Sebagai contoh, eval(5) akan mengembalikan nilai 5. Jika nilai parameter expression adalah string, interpreter mencoba untuk menginterpretasikan string tersebut seolah-olah adalah kode JavaScript.<br />
<br />
Misalkan saya mempunyai variabel myString seperti ini:<br />
<blockquote class="tr_bq">
var myString="Halo!";</blockquote>
Jika saya mencoba menguji variabel diatas untuk banyaknya karakter didalam sebuah tanda kutip dan tanpa melibatkan Function.eval(), maka string "(myString.length) == 5" yang akan dikembalikan:<br />
<blockquote class="tr_bq">
document.write("(myString.length) == 5");</blockquote>
Tetapi jika saya melibatkan Function.eval() untuk mengevaluasi ekspresi "(myString.length) == 5", maka nilai boolean true yang akan dikembalikan:<br />
<blockquote class="tr_bq">
document.write(eval("(myString.length) == 5"));</blockquote>
Nilai true dikembalikan, karena interpreter menganggap bahwa diatas adalah sebuah kondisi (apakah banyaknya karakter dari variabel myString sebanyak 5) yang harus diuji kebenarannya dan tidak menganggap diatas adalah sebuah string.<br />
<br />
Contoh-contoh berikutnya anda perlu mencoba untuk memperhatikan output dari setiap ekspresi yang melibatkan Function.eval() dan yang tidak.<br />
<br />
Berikut interpreter menganggap ekspresi "1+1" yang melibatkan Function.eval() adalah operasi tambah-tambahan, yaitu 1 ditambah 1 dan hasilnya adalah 2:<br />
<blockquote class="tr_bq">
document.write("1+1"); //"1+1"<br />
document.write(eval("1+1")); //2</blockquote>
Contoh dibawah ini interpreter menganggap ekspresi "myNumVar" yang melibatkan fungsi Function.eval() adalah perwakilan variabel yang harus ditampilkan nilainya:<br />
<blockquote class="tr_bq">
var myNumVar=12345;<br />
document.write("myNumVar"); //"myNumVar"<br />
document.write(eval("myNumVar")); //12345</blockquote>
Contoh dibawah ini interpreter menganggap ekspresi "document.write('Halo!')" yang melibatkan fungsi Function.eval() adalah perintah string 'Halo!' harus dituliskan kehalaman oleh metode write():<br />
<blockquote class="tr_bq">
eval("document.write('Halo!')"); //"Halo!"</blockquote>

Fungsi eval() pada Javascript

Function.eval() digunakan untuk mengevaluasi apa saja yang direpresentasikan didalam parameter expression. Function.eval() adalah fungsi standard JavaScript 1.0+, JScript 1.0+, ECMAScript 1.0+ dan didukung Google Chrome Beta+, Firefox 1.0 (Gecko 1.7)+, Internet Explorer 3+, Netscape Navigator 2.0+,…

Baca Selengkapnya...

Apr 08, 2013

Kalkulator Javascript

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXZJMGdeFsbH5ePXSz179B6R1-xOkpOFC7lmLWMAGhD4mzdKtr40CK6sEwnHIDEPbtAuVqbtxPL5EIrKtEca4Kgb8b8_ZwUnTuTTLdWQ_MouYydbWRLW8FTGnNTHthelLNjbOOxiC_x5JD/s1600/Untitled.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXZJMGdeFsbH5ePXSz179B6R1-xOkpOFC7lmLWMAGhD4mzdKtr40CK6sEwnHIDEPbtAuVqbtxPL5EIrKtEca4Kgb8b8_ZwUnTuTTLdWQ_MouYydbWRLW8FTGnNTHthelLNjbOOxiC_x5JD/s200/Untitled.png" width="157" /></a></div>
Pada postingan kali ini saya akan memposting tentang pembuatan kalkulator pada javascript, sebenarnya widget ini tugas kuliah, cuma daripada nganggur mending di posting ke blog, siapa tahu ada yang butuh...:D<br />
<br />
Langsung saja...Source Code Javascriptnya sebagai berikut....<br />
<blockquote class="tr_bq">
<span style="font-family: inherit;"><HTML><br />    <head><br />        <script type="text/javascript"><br />            var n;<br />            function eval1(Calc) {<br />                n = eval(Calc.input.value);<br />                Calc.input.value = n;<br />            }<br />            function f1(Calc) {<br />                Calc.input.value = " ";<br />            }<br />        </script><br />        <style type="text/css"><br />            .button{<br />                width: 33px;<br />                height: 25px;<br />                margin: 3px;<br />            }<br />            .set{<br />                margin: 5px;<br />                text-align: left;<br />            }<br />        </style><br />    </head><br />    <body><br />    <center><br />        <form name="Calc"><br />            <font align="center" size="5px"><b>Ozan Kalkulator</b></font></br><br />            <p><br />                <input type="text" class="set" name="input" Size="22"></br><br />                <input type="button" value="1" class="button" OnClick="Calc.input.value += '1'"><br />                <input type="button" value="2" class="button" OnClick="Calc.input.value += '2'"><br />                <input type="button" value="3" class="button" OnClick="Calc.input.value += '3'"><br />                <input type="button" value="+" class="button" OnClick="Calc.input.value += '+'"></br><br />                <input type="button" value="4" class="button" OnClick="Calc.input.value += '4'"><br />                <input type="button" value="5" class="button" OnClick="Calc.input.value += '5'"><br />                <input type="button" value="6" class="button" OnClick="Calc.input.value += '6'"><br />                <input type="button" value="-" class="button" OnClick="Calc.input.value += '-'"></br><br />                <input type="button" value="7" class="button" OnClick="Calc.input.value += '7'"><br />                <input type="button" value="8" class="button" OnClick="Calc.input.value += '8'"><br />                <input type="button" value="9" class="button" OnClick="Calc.input.value += '9'"><br />                <input type="button" value="*" class="button" OnClick="Calc.input.value += '*'"></br><br />                <input type="button" value="." class="button" OnClick="Calc.input.value += '.'"><br />                <input type="button" value="0" class="button" OnClick="Calc.input.value += '0'"><br />                <input type="button" value="%" class="button" OnClick="Calc.input.value += '%'"><br />                <input type="button" value="/" class="button" OnClick="Calc.input.value += '/'"></br><br />                <input type="button" value="(" class="button" OnClick="Calc.input.value += '('"><br />                <input type="button" value=")" class="button" OnClick="Calc.input.value += ')'"><br />                <input type="button" value="c" class="button" OnClick="f1(this.form)"><br />                <input type="button" value="=" class="button" OnClick="eval1(this.form)"><br />            </p><br />        </form><br />    </center><br /></body><br /></HTML></span></blockquote>
<br />
<i>Keterangan:</i><br />
<br />
<ul>
<li>Fungsi eval pada widged di atas adalah untuk mengembalikan nilai dari sebuah variable (untuk pengertian lanjut <a href="http://www.ozanhacker.com/2013/04/fungsi-eval-pada-javascript.html" target="_blank">klik disini...</a>)</li>
<li>Fungsi f1 adalah untuk mereset ulang dari inputan (mengembalikan value null)</li>
<li>CSS button, untuk mengatur tinggi dan lebar dari button yang memanggil class tersebut</li>
<li>CSS set, untuk mengatur kolom input</li>
</ul>

Kalkulator Javascript

Pada postingan kali ini saya akan memposting tentang pembuatan kalkulator pada javascript, sebenarnya widget ini tugas kuliah, cuma daripada nganggur mending di posting ke blog, siapa tahu ada yang butuh...:D Langsung saja...Source Code Javascriptnya sebagai berikut.... var …

Baca Selengkapnya...

Apr 08, 2013

Load more posts

Menghitung IPK Menggunakan PHP

Cara Download Cepat 4shared

Connectify Hotspot Pro 4.3 Full

Login Area Khusus Blogger

Contoh Percakapan pada Shell Programing Linux

Belajar Shell Programing Linux

Javascript Login Area

Fungsi eval() pada Javascript

Kalkulator Javascript

Popular Posts

Komentar

Blog Archive

Get Update Article
To Your E-Mail

Get Update ArticleTo Your E-Mail

Get Update Article
To Your E-Mail