Archive for March, 2010

Untitled

Ni lagu liriknya keren menurutku. Lagunya dari simple plan, judulnya untitled. Kalo gak salah liriknya semacam curhat yang terdapat nasehat di dalamnya. Coba deh pahami liriknya, maka kamu akan tau lirik tersebut berisi nasehat tentang apa.

Untitled – Simple Plan

I open my eyes
I try to see but I’m blinded by the white light
I can’t remember how
I can’t remember why
I’m lyin’ here tonight
And I can’t stand the pain
And I can’t make it go away
No I can’t stand the pain

Chorus:
How could this happen to me?
I’ve made my mistakes
got nowhere to run
the night goes on
as I’m fadin’ away
I’m sick of this life
I just wanna scream
How could this happen to me?

Everybody’s screamin’
I try to make a sound but no one hears me
I’m slippin’ off the edge
I’m hangin’ by a thread
I wanna start this over again

So I try to hold onto a time when nothing mattered
And I can’t explain what happened
And I can’t erase the things that I’ve done
No I can’t

How could this happen to me?
I’ve made my mistakes
got nowhere to run
the night goes on
As I’m fadin’ away
I’m sick of this life
I just wanna scream
How could this happen to me?

I’ve made my mistakes
got nowhere to run
the night goes on
as I’m fading away
I’m sick of this life
I just wanna scream
How could this happen to me?

Udah paham kan lagunya tentang apa? :)

Kalkulator sederhana dengan php

Sebelum membuat kalkulator dengan php,mari kita cari tau dulu kepanjangan dari php. PHP merupakan singkatan dari Hypertext Preprocessor. Kenapa singkatannya bukan HPP?yah saya tidak tau,dari dulu memang sudah begitu :D
Selanjutnya, dalam php juga dikenal adanya variabel yang diawali $. Kenapa variabel tidak bisa diawali dengan numerik? Itu dikarenakan dalam php,  numerik berfungsi untuk menyimpan bilangan bulat.

Sekarang langsung saja membuat kalkulator sederhana. Kalkulator sederhana ini terdiri dari 2 buah file. Yang pertama adalah kalkulator.php berikut source kodenya :

<html>
<head>
<title>Kalkulator</title>
<body>
<font size=20>Kalkulator</font>
<form name=”form1″ method=”post” action=”hasil.php”>

<p>Bilangan 1
<input name=”angka” type=”text” id=”angka”>
</p>
<p><br>

Operasi
<select name=”operator” id=”operator”>
<option>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
</select>
</p>
<p><br>
Bilangan 2
<input name=”angka2″ type=”text” id=”angka2″>
</p>
<p>&nbsp;</p>
<p><input type=”submit” name=”Submit” value=”Hitung”></p>
</form>

</body>
</head>
</html>

Selanjutnya membuat hasil.php yang bisa menampilkan hasil dari hitungan yang dilakukan. Berikut source kodenya :

<html>
<head>
<title>Hasil</title>
<body>
Hasil dari

<?
$angka = $_POST["angka"];
$angka2 = $_POST["angka2"];
$operator = $_POST["operator"];
if ($operator == “+”)
{
$hasil = $angka+$angka2;
}
if ($operator == “-”)
{
$hasil = $angka-$angka2;
}
if ($operator == “*”)
{
$hasil = $angka*$angka2;
}
if ($operator == “/”)
{
$hasil = $angka/$angka2;
}
echo “$angka $operator $angka2 = $hasil”
?>

</body>
</head>
</html>

Apabila kita memasukkan bilangan pada kalkulator.php dan mengklik hitung, maka halaman akan berganti ke hasil.php yang akan menampilkan hasil dari hitungan tersebut. Berikut screenshootnya :

Apabila diklik hitung maka tampilannya :

Dari screenshoot diatas,bilangan 1 diisi dengan 5 dan bilangan 2 juga diisi 5 sedangkan operasi yang digunakan adalah tambah (+). Maka hasil yang akan muncul adalah 10. Sekian penjelasan singkat saya tentang kalkulator,semoga bisa bermanfaar :)

Nama : Tantra Nurhuda
Nim    : 123070194
Plug   : 7

Membuat Link CSS

Langsung saja, disini saya akan menjelaskan tentang cara membuat link dengan external css. Jadi disini akan ada dua file,yaitu file link_tbganti.css dan link.html. Langsung saja source code untuk link_tbganti.css :

.class1 A:link {
color:white;
text-decoration: none;
background-image: url(button.gif);
50% 50% no-repeat;
padding: 0.5em;
margin: 0.5em;
display: block;
}

.class1 A:visited {
color : white;
text-decoration: none;
background-image : url(button.gif);
padding: 0.5em;
margin: 0.5em;
display: block;
}

.class1 A:active {
color : white;
background-image : url(button.gif);
padding: 0.5em;
margin: 0.5em;
display: block;
text-decoration: none
}

.class1 A:hover {
color : white;
text-decoration: underline;
color: red;
background-image : url(#button.gif);
}

Selanjutnya source code link.html

<html>
<head>
<title>LINK</title>
<link rel=”stylesheet” type=”text/css” href=”link_tbganti.css” />
</head>
<body>
KLIK DI BAWAH INI
<span>
<a href=”http://kentruk.com”>KENTRUK</a>
</span>
<br>
</body>

</html>

Dan apabila diklik file link.html, maka akan keluar output sebagai berikut :

Apabila kita meletakkan mouse dibawah tulisan KLIK DI BAWAH INI maka tampilannya akan seperti berikut:

Apabila mouse didekatkan ke tulisan KENTRUK,maka background akan hilang dan apabila tulisan KENTRUK diklik, maka akan menuju ke halaman blog kentruk.com.Untuk external css, fungsi untuk pemanggilan dari link_tbganti.css menggunakan tag <link rel=”stylesheet” type=”text/css” href=”link_tbganti.css” /> yang diletakkan pada file link.html. Karena gambar untuk background diletakkan dalam satu folder,maka link untuk memanggil gambar cukup ditulis url (“button.gif”); Mungkin itu saja penjelasanku tentang memasang link menggunakan image dengan css,semoga bermanfaat :)

Nama : Tantra Nurhuda
Nim    : 123070194
Plug   : 7

Ketika rambut menjadi pendek

Kejadian ini terjadi tanggal 28 juni 2009. Malam itu karena gak ada kerjaan aku pergi ke Lawang Biru (rumah seorang temen). Di sana ketemu sama bernadsatriani dan tentunya sang pemilik rumah serta juga kakaknya yang bisas dipanggil Asuden oleh adiknya sendiri. Setelah ngobrol ngalor-ngidul, pembicaraan selanjutnya tertuju pada masalah rambut. Malam itu aku dan bernad memutuskan untuk memotong rambut. Tapi aku bingung mau potong rambut dimana, karena dulu aku memang jarang potong rambut. Gondrong ndangdut pokoke :D

Setelah sekian lama bingung memilih tempat untuk potong rambut, akhirnya datanglah Asuden memberi solusi. Dia mengajakku dan bernad yang mau potong rambut ke sebuah tukang cukur. dengan semangat 45 kami bertiga pergi menuju tukang cukur itu…

Sampai disana, aku yang pertama di potong. Niatnya sih aku cuma merapikan rambut saja, tidak dipotong sampai pendek. Tapi apa yang terjadi, rambutku menjadi pendek sekali. Wawawawa gondrongku ilang,dalam hati aku mengeluh. Tapi nggak apalah toh taku masih cakep,hahaha. Ini ada foto yang diambil oleh saudara bernad saat aku dipotong…saksikanlah :D

Tampilan form data diri

Pada postingan kali ini aku mau share tentang membuat tampilan form data diri dengan html. Sebenarnya ini belum lengkap sih, karena data yang kita tulis disini tidak tersimpan. Mungkin pada postingan berikutnya akan dibahas cara menyimpan data yang sudah dimasukkan ke dalam form. Tampilan ini dibuat dengan dua file, yang pertama adalah datadiri.html,inilah source kode dan screeshootnya :

<head>
<html>
<h3>
<title>Data Diri</title>
<p align=”center”>Data Diri</p>
</h3>
<form method=”post” action=”thanks.html”>
<table border=”0″ cellpading=”2″ width=”100%”>

<tr>
<td width=”8%”>Nama</td>
<td width=”4%”>:</td>
<td width=88%”><input type=”text” name=”nama” size=”20″></td>
</tr>

<tr>
<td width=”8%”>NIM</td>
<td width=”4%”>:</td>
<td width=88%”><input type=”text” name=”nim” size=”20″></td>
</tr>

<tr>

<td width=”8%”>Plug</td>
<td width=”4%”>:</td>
<td width=88%”>
<SELECT NAME=”plug”>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</SELECT>
</TD>
</TR>
<tr>
<td width=”8%”>Pengalaman</td>
<td width=”4%”>:</td>
<td width=88%”><textarea name=”pengalaman” rows=”5″ cols=”40″
wrap=”physical”></textarea></p>

<tr>
<td width=”8%” valign=”top”>Hobi</td>
<td width=”4%” valign=”top”>:</td>
<td width=”88%”>

<input type=”radio” name=”r1″ value=”v1″> makan<br>
<input type=”radio” name=”r1″ value=”v2″> tidur<br>
<input type=”radio” name=”r1″ value=”v3″ checked> ngenet<br><br>

</tr>

<tr>
<td width=”8%” valign=”top”>Warna kesukaan</td>
<td width=”4%” valign=”top”>:</td>
<td width=”88%”>
<input type=”checkbox” value=”v1″ checked name=”r1″>biru<br>
<input type=”checkbox” value=”v2″ name=”r2″>kuning<br>
<input type=”checkbox” value=”v3″ name=”r3″>orange<br>
</tr>

<table>
<p><input type=”submit” value=”KIRIM” name=”b1″>
<input type=”reset” value=”BATAL” name=”b2″></p></table></form>

</body>
<html>

Dan apabila kita sudah menulis data diri dan menekan tombol kirim, maka akan tampil ke halaman berikutnya yaitu thanks.html. Inilah source kode dan screenshootnya :

<html>
<head>
<title>Terima Kasih</title>
</head>
<body><br>
<p>Terimakasih</p>
<p>Anda telah mengisi data diri</p>
</body>
</html>

Tapi apabila memilih tombol batal, maka apa saja yang kita tulis akan terhapus semua. Sekian posting kali ini, seperti yang sudah saya bilang, ini hanyalah tampilan saja, jadi data yang kita masukkan tidak tersimpan.

Nama : Tantra Nurhuda
Nim    : 123070194
Plug   : 7

YM
Twitter
    Get Adobe Flash playerPlugin by wpburn.com wordpress themes