Kamis, 06 Juni 2013

Senin, 03 Juni 2013

Salah Satu Penggunaan PHP


Contoh penggunaan PHP salah satunya membuat table yang dibuat buku tamu, tapi masih banyak lagi penggunaan PHP, dan inilah salah satunya


<style>
table {
background: #006;
border-color: #0F6;
color: #FFF;
cursor: pointer;
font-size: 16px;
}
</style>
<?php
//phpinfo();
echo "Halo ini dari php";
?>
<form action="login.php"
method="post">
<table width="244" 
height="108" 
border="2"
align="center">
  <tr>
    <td colspan="3"><div align="center"><strong>Autentikasi</strong></div></td>
  </tr>
  <tr>
    <td>user</td>
    <td>:</td>
    <td><input type="text" name="username" id="username" /></td>
  </tr>
  <tr>
    <td>passwords</td>
    <td>:</td>
    <td><input type="password" name="userpass" id="userpass" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td colspan="2"><input type="submit" name="supmet" id="supmet" value="proses" /></td>
    </tr>
</table>
</form>

Jumat, 31 Mei 2013

Kalkulator Sederhana DI Adobe Dreamweaver CS5

just KODE nya saja,untuk belajar lebih lanjut,...!!!

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>
</script>
<style>
.kotakkecil1{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 0px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    color: #FF0;
    cursor: pointer;
    }
.kotakkecil1:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkecil2{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    color: #FF0;
    cursor: pointer;
    }
.kotakkecil2:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkecil3, .kotakkosong {
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    color: #FF0;
    cursor: pointer;
    }
.kotakkecil3:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkecil4{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    color: #FF0;
    cursor: pointer;
    }
.kotakkecil4:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkecil5{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 0px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    color: #FF0;
    cursor: pointer;
    }
.kotakkecil5:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkecil6{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    color: #FF0;
    cursor: pointer;
    }
.kotakkecil6:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkecil7 {
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    color: #FF0;
    cursor: pointer;
    }
.kotakkecil7:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkecil8{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    color: #FF0;
    cursor: pointer;
    }
.kotakkecil8:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkecil9{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 0px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    cursor: pointer;
    color: #FF0;
    }
.kotakkecil9:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkeci1{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    cursor: pointer;
    color: #FF0;
    }
.kotakkeci1:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkeci2, .kotakkosong {
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    cursor: pointer;
    color: #FF0;
    }
.kotakkeci1:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkeci3, .kotakkosong {
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    cursor: pointer;
    }
.kotakkeci4, .kotakkosong {
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 0px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    cursor: pointer;
    }
.kotakkeci5, .kotakkosong {
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    cursor: pointer;
    }
.kotakkeci6{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    color: #FF0;
    cursor: pointer;
    }
.kotakkeci6:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
.kotakkeci7{
    width: 50px;
    height: 50px;
    float: left;
    font-weight: 900;
    font-size: 24px;
    border: 1px solid blue;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    background-color: #900;
    cursor: pointer;
    color: #FF0;
    }
.kotakkeci7:hover {
    background-color: #006;
    color: #FFF;
    cursor: pointer;
    }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Kalkulator Sederhana</title>
</head>

<body>
<div style="width: 212px;
            height: 60px;
            border: 3px solid #00C;
            cursor: pointer;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;">
</div>
<div class="kotakkecil1"onclick="tampilkan(1)">1</div>
<div class="kotakkecil2">2</div>
<div class="kotakkecil3">3</div>
<div class="kotakkecil4">+</div>
<br style="clear:both;"/>
<div class="kotakkecil5">4</div>
<div class="kotakkecil6">5</div>
<div class="kotakkecil7">6</div>
<div class="kotakkecil8">-</div>
<br style="clear:both;"/>
<div class="kotakkecil9">7</div>
<div class="kotakkeci1">8</div>
<div class="kotakkeci2">9</div>
<div class="kotakkeci3">*</div>
<br style="clear:both;"/>
<div class="kotakkeci4">C</div>
<div class="kotakkeci5">0</div>
<div class="kotakkeci6">=</div>
<div class="kotakkeci7">/</div>

</body>
</html>

semoga bermanfaat ya,,!!!!

Kamis, 30 Mei 2013

Kotak Di Adobe Dreamweaver CS5

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.kotak{
    width:200px;
    height:200px;
    border:2px solid red;
    margin-top:5px;
    margin-bottom:5px;
    background-color:#0F0;
    cursor: pointer;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    }
#kotak{
    width:200px;
    height:200px;
    border:2px solid green;
    background-color:#F90;
    cursor: pointer;
    border: groove 1em red; 
      border-radius: 2em;
    }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>kotak</title>
</head>
<body>
<div style="width:200px;height:200px;border:2px solid blue;
background-color:RED;
cursor:pointer "></div>
<div class="kotak"></div>
<div id="kotak"></div>
<p>&nbsp;</p>
</body>
</html>

Menu Bar di Adobe Dreamweaver CS5

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>

<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
  <li><a class="MenuBarItemSubmenu" href="#">a</a>
    <ul>
      <li><a href="#">Item 1.1</a></li>
      <li><a href="#">Item 1.2</a></li>
      <li><a href="#">Item 1.3</a></li>
    </ul>
  </li>
  <li><a href="#">b</a></li>
  <li><a class="MenuBarItemSubmenu" href="#">c</a>
    <ul>
      <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
        <ul>
          <li><a href="#">Item 3.1.1</a></li>
          <li><a href="#">Item 3.1.2</a></li>
        </ul>
      </li>
      <li><a href="#">Item 3.2</a></li>
      <li><a href="#">Item 3.3</a></li>
    </ul>
  </li>
  <li><a href="#">d</a></li>
</ul>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Minggu, 26 Mei 2013

MOTTO HIDUP ORANG ORANG SUKSES

Motto hidup orang sukses ini adalah do the right thing, do the thing right. Do the on right thing maksudnya adalah sebagai suatu pedoman pada pola manajemen, sedangkan Do the thing right memiliki arti sebagai penekanan terhadap pentingnya suatu action (tindakan). Siapa yang menyangka anak seorang pedagang ini mampu berkiprah di jagat bisnis Indonesia. Berkat kerja keras dan ketekunan dalam membangun kerajaan bisnisnya, Raja Garuda Mas International dan PT Inti Indorayon a Utama, beliau berhasil membawa namanya bertengger diurutan pertama orang terkaya di Indonesia versi Forbes Juli 2006.

Pentingnya mempunyai motto hidup orang sukses ini menguatkan dirinya dalam menghadapi tantangan hidup sejak beliau masih kecil. Tokoh pengusaha sukses ini adalah anak dari Amin Tanoto. Ia adalah sulung dari tujuh beraudara. Kehidupannya cukup sederhana. Sepulang sekolah, harus membantu sang ayah menjual minyak, peralatan mobil, dan bensin. Di sela-sela kesibukannya membantu sang ayah berdagang, beliau masih menyempatkan untuk membaca buku kegemarannya yaitu buku tentang revolusi Amerika dan Perang Dunia. Disini semangat bisnis sang pengusaha sukses ini semakin tercermin. Tak berpanjang lebar, mari kita simak pemaparan kisah perjalanan beliau sang pengusaha sukses Indonesia ini.

Selasa, 26 Februari 2013

PUISI KEHIDUPAN

AKU BISA MEMAHAMI TAK BISA MENGERTI
Puisi Dicky Risman Herlana

Aku....
Aku berdiri bersandar di tembok ini...
Memahami setiap isi bait yang ku temui...
Ternyata tak bisa ku mengerti..
Hanya bisa melihat dan membaca nya..

Aku....
Aku memang jalang dan tak berharga diri..
Yang selalu mengusik diri dengan api..
Menimba api dengan sayatan mimpi..
Aku tercoreng ke lembah ini...

Dan aku...
Aku terlihat menjadi inti diri...
Menjadi rapi di hari yang sunyi..
Dan aku menjadi sunyi di setiap hari..
Karena api ku padam di tiup sunyi...
EPIFAT KEHIDUPAN 2006
Puisi Irayatul M

Terjerat dalam kebingungan
waktu yang merenggut manisnya kehidupan
mengikis sisa keharmonisan
terlukis pada akhir goresan

Asma-Mu.......
Selalu terucap, dalam lirih lepas udara keaslian
jika nafas masih teratur berjalan
warna itu takkan pernah ternodai
perbuatan itu,pasti berakhir mati.

Jika Kau beri aku 1 harapan
pasti ku beri sejuta pancaran keabadian janji sejati
PANORAMA KEHIDUPAN
Puisi Siti Halimah

Angin bertiup kearah sang penghidupan
Menikmati panorama dipagi hari,
Merasakan sejuknya alam yang damai.

Para burung mulai keluar dari rumahnya,
Berterbangan dan mulai mencari apa yang harus dia cari

Awan hitam yg menyelimuti,
Kini berubah menjadi Awan Biru Keindahan
dan menjadi Langit yg menakjubkan.

Lukisan-Lukisan yg menghiasi Langit Pagi,
menambah kedamaian hati
dan membuat mata menjadi Kagum.

Itulah Tuhan,
Sang Pencipta abadi.
Menciptakan segala rupa,
dan menikmati hasil karyanya tentang
Indahnya Panorama Kehidupan. 
 PELABUHAN HIDUP
Puisi Dhena Maysar Aslam

Gelap yang kelam akan tiba dengan sendirinya
Raga dan ruhmu akan lepas sejenak melayang menjadi mimpi
Kibasan angin gelap merasuk menusuk setiap rongga kehidupan
Perlahan namun sengit, menjamahi apa yang ada
Terlupa sudah memori palsu itu
Hanya terlewat takkan abadi
Jiwa murka selalu ditengahi suka
Perangai buruk akan terbentuk

Kelam berubah
Muram kalah
Suram tak terjamah

Tanda mulai mengatas
Imaji jadi pasti

Teori akan jadi kondisi sesungguhnya
Terpikir dan terukir di pelipis mata
Hilang sekejap namun akan kembali mengenda
RENUNGAN MALAM
Puisi Boedhoet Keyboard

Malam ini begitu menerawang,,,,
bagikan gelap tak kunjung terang,,,
manakala hati sedang gundah gulana,,,
menuntun suatu isyarat untuk memenuhi,,,
yang dilalui untuk mengetahui,,,

Mulailah untuk menjadi akhir,,,
akhirilah untuk memulai yang baru,,,
dengan tujuan yang pasti,,,
akan sebuah gapaian yang indah,,,
naluri yang kita inginkan,,,
untuk sebuah ilusi,,,
yang terjadi kelak dalam kelam,,,,

Malam berganti pagi,,,,
mulai dengan lembaran baru,,,
untuk tujuan yang pasti,,,,
namun terjadi hal2 yang terlah menghalang,,,
dengan tujuan pasti,,,,
halangan tak terhiraukan,,,
dengan jauh melangkah kutrobosnya,,,
untuk menuntaskan dunia depan yang jauh,,,,
KEBAHAGIAAN
Puisi Gerbang Kayangan

Senyumlah..
andainya senyummu itu,
bisa menopengi kedukaan,
kerna kau akan lebih derita,
melihatkan wajahmu sengsara.

Ketawalah..
andainya tawa itu,
mampu mengusir kecewa,
kerna titisan luka pasti mengalir,
tanpa hati yang mengepam gembira.

Carilah bahagia,
biarpun sampai kehujung nyawa,
kerna itulah pengobat segala nestapa.

Andainya jasadmu kian longlai,
bertongkatkanlah dengan ucapan,
tasbih Ilahi dengan penuh harapan,
karna nyawamu takkan berkekalan.

HARTA DAN CINTA
Puisi Ens

Jangan Kau Melihat Wajah Karena Bisa Menipu
Jangan Pula Kau Melihat Harta Karena Bisa Hilang
Datanglah Kepada Orang Yang Bisa
Membuatmu Tersenyum,
Membuatmu Selalu Tertawa,
Dan Membuatmu Merasa Dia akan selalu disampingmu,
Melindungimu dan Menyayangimu.

Jangan Kau Sia-siakan hidup untuk hari ini,
Hidup ini Terlampau Singkat
Bila dilewatkan Bersama Pilihan Yang Salah

Inspirated By Song Terry - Janji Manismu
BINGKAI  KEHIDUPAN
Puisi NN

Masa demi masa berlalu sudah
Kemana kaki jalan melangkah
Liku-liku kehidupan mengukir sejarah
Kini saatnya berpotret diri
Berbenah dari segala keburukan
Meningkatkan semua kebaikan
Ramadhan sebentar khan tiba
Kini saatnya tuk membuka pintu hati
Memaafkan semua kehilafan
Mari kita sambut dengan gembira
Dengan memperbanyak ibadah
Tuk menggapai tingkatan taqwa
Derajat tertinggi disisi khalik
Semoga Allah selalu membimbing kita
Dan nanti memasukkan kita dalam surga-Nya
Amiin
PERJALANAN
Puisi NN

Wanita malam jadi kenangan
Dalam suatu perjalanan
Bola matanya indah menggoda
Memberi rayuan tentang kemesraan

Sungguh murah kau tawarkan
Ternyata cukup uang recehan
Cuma sekedar untuk membeli jajanan

Pernah sesekali aku tanyakan 
Mengapa tak kau tinggalkan hal demikian
Sebab itu kesia-siaan

Tak salah memang kau katakan
Kalau itu saling menguntungkan
Tetapi ada pihak yang dirugikan
Ibu mu yang melahirkan
GELISAH
Puisi NN

Gelap malam penuh kesunyian
Lamunan jauh menerawang angkasa
Membukakan pintu-pintu mimpi
Menyibakan tirai-tirai kegalauan jiwa

Bias keremangan memudarkan kasih
Memutar hati menguak arti ilusi
Memedarkan beribu warni cahaya
Membayang menjauh dari arah cita

Katak merengek ikut meresah
Menggugah hati kala gelisah
Air hujan menetes berduka
Membasah bumi ikut bersedih

Gema kegundahan kian bertalu
Gemercik air melantun irama nan merdu
Berhembus angin membelai lembut
Gemerisik suara daun menghibur
Membangkit menggugah kalbu

Meliuk menari rumput nan ayu
Melambai perlahan seolah mengajak
Melepas duka menjemput cinta
Merayu bernyanyi kerinduan
Menyongsong esok akan kebahagiaan