Adsense

Blog-eWong Purbalingga

Kumpulan Info Menarik | Tutorial | Music | Tips | Pengetahuan Umum | Top Artikel, d.l.l

 


Minggu, 24 Maret 2013

Cara Buat HTML Buku Tamu Pada Website



Yang harus di pikirkan pertama cara buat sebuah databasenya, yaitu melalui PhpMyadmin atau command prompt.
Kalo belum bisa buatnya belajar dulu cara buat databasenya menggunakan Mysql disini
databasenya menggunakan Phpmyadmin disini

Lihat di bawah :


Setelah itu kita buat sebuah form buku tamu codenya  dibawah :
Simpan dengan nama input_bk_tamu.php


<style type="text/css">
<!--
.style1 {font-family: "Times New Roman", Times, serif}
.style3 {font-size: 18px}
-->
</style>
<title>Siteku | Buku Tamu</title><body>
<form action="proses_bk_tamu.php" method="post" name="form1" class="style1" id="form1">
<p class="style3">Isikan Data Anda Dengan Benar :  </p>
<table width="422" height="160" border="0">
<tr>
<td width="224"><span class="style3">Nama</span></td>
<td width="27"><span class="style3">:</span></td>
<td width="165"><span class="style3">
  <label>
  <input name="nama" type="text" id="nama" />
  </label>
</span></td>
</tr>
<tr>
<td><span class="style3">Email</span></td>
<td><span class="style3">:</span></td>
<td><span class="style3">
  <label>
  <input name="email" type="text" id="email" />
  </label>
</span></td>
</tr>
<tr>
<td height="46"><span class="style3">Komentar</span></td>
<td><span class="style3">:</span></td>
<td><span class="style3">
  <label>
  <textarea name="komentar" id="komentar"></textarea>
  </label>
</span></td>
</tr>
<tr>
<td height="21" colspan="2"><p align="center"><span class="style3">
  <label>
  <input type="submit" name="Submit" value="Submit" />
  </label>
</span></p></td>
<td height="21"><span class="style3">
  <label>
  <input name="Reset" type="reset" id="reset" value="Reset" />
  </label>
</span></td>
</tr>
</table>
</form>
</body>


Tampilan : 











Setelah itu kita buat php Koneksinya simpan dengan nama koneksi.php,
Karena penulis membuat dengan menggunakan xampp maka listing codingya sebagai berikut :

<?php
 $koneksi = mysql_connect ('localhost','root','');
 if($koneksi){
 echo 'koneksi berhasil <br>';
 $sambung_database = mysql_select_db('siteku',$koneksi);
 if($sambung_database) echo 'database tersambung';
 else echo 'database gagal tersambung';
 }else echo'koneksi gagal';
?>


Setelah itu kita buat tampilan outputnya kasih nama proses_bk_tamu.php berikut listing codingnya :

<html>
<head>
<title>Data Buku Tamu Siteku</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body {
            background-color: #FFFFFF;
}
.style1 {color: #FFFFFF}
-->
</style></head>
<body>

<p>
 <?php
            $connect=mysql_connect("localhost","root","");
                                     mysql_select_db("siteku",$connect);
            $nama=$_POST['nama'];
            $email=$_POST['email'];
            $komentar=$_POST['komentar'];
           
            mysql_query("insert into buku_tamu(nama,email,komentar) VALUES('$nama','$email','$komentar')",$connect);
            echo "Data tersimpan, "
 ?>
 <script> alert ('Data Tersimpan')</script>
<br>
</p>

  <table width="500" height="50" border="2">
<?php
include "koneksi.php";
$sql="select * from buku_tamu order by nama";
$qry=mysql_query($sql,$connect);
$r=mysql_fetch_array($qry);
?>
    <tr>
      <td width="28" height="36"><span class="style7">No</span></td>
      <td width="139"><span class="style7">Nama</span></td>
      <td width="135" height="30">Email</td>
      <td width="168"><span class="style7">Komentar</span></td>
    </tr>

<?php
$no =0;
do{
$no++;
?>
    <tr>
      <td height="30"><?php echo $no;?></td>
      <td><?php echo $r['nama'];?></td>
      <td height="20"><?php echo $r['email'];?></td>
      <td><?php echo $r['komentar'];?></td>
    </tr>
<?php
}while ($r=mysql_fetch_array($qry));
?>
  </table>
</p>
<p> <a href="input_bk_tamu.php">Input data lagi</a></p>
</body>
</html>


Ini tampilannya gan :





Semoga bermanfaat bagi yang berniat membuat website pribadi.
Silahkan tinggalkan komentar di blog kami, untuk saling bertukar pikiran.
Tinggalkan link blog anda juga untuk saling Tukar Link.

Terima kasih sudah berkunjung.






Comments
1 Comments

1 komentar:

  1. artikel yang sangat menarik dan unik tuk di pahami, thenk you

    BalasHapus

Sukses Bukan Milik Orang-orang pemalas
Tetapi orang-orang yang mau berusaha mempelajarinya.