Membuat halaman buku tamu pada web, situs atau blog

Tutorial membuat halaman buku tamu atau komentar pada web,  dengan ada nya halaman buku tamu diharapkan pengujung blog atau situs anda dapat berinteraksi untuk memberikan komentar atau masukan melalui halaman buku tamu anda. Disini segaja saya berikan pewarnaan pada beberapa kata seperti buku tamu atau lainnya untuk memudahkan anda memahami alur dari kode tersebut. Sehingga akan mempermudah anda untuk membuat buku tamu anda sendiri dengan SQL dan PHP. Thx
1. buat database dengan nama “bukutamu
2. buat tabel dengan nama “daftartamu” dengan struktur sbb:





Membuat koneksi ke database, berikut adalah kodenya:
Ganti xxxx dengan data anda lalu simpan dengan nama koneksi.php
<?
$server="XXXX"; //alamat server default
$user="XXXX"; //user untuk database, default root
$password="XXXX"; //password database,
$database="bukutamu"; //untuk memanggil database
$open=mysql_connect("$server","$user","$password");
if($open)
{
mysql_select_db($database);
}
else{
echo "koneksi database gagal";
}
?>
 
Menyimpan data ke data base dan menampilkan halaman yang di tampilkan bila penyimpan sukses. Simpan dengan nama save.php

<?
require_once("koneksi.php");
$nama=$_POST["nama"];
$email=$_POST["email"];
$komentar=$_POST["komentar"];
if(trim($nama) && trim($komentar))
$query = "INSERT INTO daftartamu (nama,email,komentar) VALUES ('$nama','$email','$komentar')";
$result = mysql_query($query);
if($result)
{
?>
<script language="javascript">
document.location="http://xxxxx/";
</script>
<?
} else {
echo 'silahkan isi nama dan komentar';
}
?>
 
Halaman Buku tamu, kodenya :

<style type="text/css">
<!--
.style1 {
font-size: large;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style2 {color: #000099}
.style3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10;
}
.style4 {
color: #003300;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10; color:  #000099; }
-->
</style>

<div align="center" class="style1">
<h1 class="style2">BELAJAR MEMBUAT BUKU TAMU</h1>
</div>
<FORM action="save.php" method="POST">
<TABLE align="center" width="350">
<TR>
<TD width="75"><span class="style3">NAMA</span></TD>
<TD><INPUT name="nama" type="text" size="30"></TD>
</TR>
<TR>
<TD><span class="style3">EMAIL</span></TD>
<TD><INPUT name="email" type="text" size="30"></TD>
</TR>
<TR>
<TD valign="top"><span class="style3">KOMENTAR</span></TD>
<TD width="50%">
<TEXTAREA NAME="komentar" ROWS="4" COLS="30"></TEXTAREA></TD>
</TR>
<TR>
<TD colspan="2" align="center"><INPUT type=submit VALUE="Kirim"></TD></TR>
</TABLE>
</FORM>
<TABLE width="350" align="center">
<TR>
<TD colspan="2" align="center"><h3><span class="style4">Display Buku Tamu</span></h3></TD>
</TR>
<TR>
<TD colspan="2" bgcolor="#959595" height="10"></TD>
</TR>
<TR>
<?
require_once("koneksi.php");
$tampil=mysql_query("SELECT * FROM daftartamu ORDER BY id DESC");
while($row=mysql_fetch_object($tampil) ){
?>
<TD width="75"><span class="style3">Nama</span></TD>
<TD width="263"><span class="style6"><? echo $row->nama; ?></span></TD>
</TR>
<TR>
<TD valign="top"><span class="style3">Komentar</span></TD>
<TD><span class="style6"><? echo $row->komentar; ?></span></TD></TR>
</TR>
<TR><TD height="5" colspan="2" bgcolor="#959595"></TD>
</TR>
<?
}
?>
</TABLE>
 Selamat mencoba.

Posted by: Polobye Sidauruk
Berbagi Informasi Updated at: 14.30

0 komentar:

Posting Komentar