Sebenarnya bukutamu adalah salah satu widget penting yang
harus dimiliki oleh setiap website atau blog, karena dengan buku tamu
kitadapat berinteraksi dengan para
pengunjung blog atau website kita tentang masalah yang dihadapi pengunjung saat
berada pada blog kita dan masih banyak lagi manfaat buku tamu lainnya, dan
hitung-hitung saya juga dapat tugas
sekolah membuat sebuah aplikasi bukutamu dengan php mysql tersembunyi, dan kali
ini aku akan membagikan tutorialnya pada kalian semoga dapat bermanfaat untuk
kalian.
2.
Kemudian buat table dengan nama “guestbook” dengan criteria sebagai
berikut:
CREATE TABLE IF NOT EXISTS `guestbook` (
`nama` varchar(100) NOT NULL,
`email` varchar(100) NOT NULL,
`komentar` longtext NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
3.
Kemudian buka dreamweaver atau notepad kemudian
ketikkan kode berikut ini, kemudian save dengan nama “koneksi.php”
<?php
$host ="localhost";
$user ="root";
$pass ="";
$dbase ="bukutamu";
$konek =mysql_connect($host,$user,$pass);
if(!$konek){
echo "maaf server belum di
buat";
}else{
mysql_select_db($dbase,$konek);
}
?>
4. Kemudian
buat file baru ketikkan kode berikut ini, kemudian save dengan nama “ index.php”
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf6eSSUifqQ-7N-M9NJyHegN_bujJzxVdDto-uxoeMQcwWUHBBSxlndSa72SHZzQZ9FCmSkPBbxYNXVsFFPRoFLhF6Fd77Fq2NkgxpD35vWk2tiCRYME-tPnPlhg0ySW9-ndpaB4erI77h/s128/345o85i.gif')
no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+",
"+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">
<!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>buku tamu tersembunyi- belajar bareng smk ti</title>
<style type="text/css">
<!--
body {
background-image: url();
background-color: #FFFFFF;
}
body,td,th {
font-family: Lucida Console,
Monaco, monospace;
color: #0000CC;
}
.style5 {font-size: large; font-family: "showcard Gothic";
color: #000000; }
.style7 {font-size: x-large; font-family: "showcard Gothic";
color: #000000; }
-->
</style></head>
<body>
<table width="316">
<tr>
<th width="308"
scope="col"><table width="308" align="left">
<tr>
<td
width="101" rowspan="2"><img
src="profile.JPG" width="101" height="117"
/></td>
<td
width="195"><span class="style7">buku tamu
</span></td>
</tr>
<tr>
<td><span
class="style5">belajar bareng smk ti </span></td>
</tr>
</table></th>
</tr>
</table>
<?php
include"koneksi.php";
$nama=$_POST["nama"];
$email=$_POST["email"];
$komentar=$_POST["komentar"];
$kirim=$_POST["kirim"];
if($kirim == "kirim"){
$sql="INSERT INTO guestbook
(nama,email,komentar) VALUES ('$nama','$email','$komentar')";
mysql_query($sql,$konek);
echo "Terimakasih
<strong>$nama</strong>,<br>";
echo "untuk
pesannya<br>";
}
?>
<table width="200">
<tr>
<td
valign="top"><form id="form1" name="form1"
method="post" action="">
<table width="200"
align="center">
<tr>
<td>Nama</td>
<td>:</td>
<td><input
name="nama" type="text" id="nama"
size="30" /></td>
</tr>
<tr>
<td>E-mail</td>
<td>:</td>
<td><input
name="email" type="text" id="email"
size="30" /></td>
</tr>
<tr>
<td>Komentar</td>
<td>:</td>
<td><input
name="komentar" type="text" id="komentar"
size="30" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit"
name="kirim" id="kirim" value="kirim" />
<input
type="reset" name="batal" id="batal"
value="batal" /></td>
</tr>
</table>
</form></td>
</tr>
<tr>
<td><div
style="overflow:auto; padding:5px; width:300px; height:200px; background-color:
rgb(255, 255, 255); border:1px solid #ccc;">
<table width="200px" border="1"
align="center" bordercolor="#000000">
<tr>
<td
width="40">Nama</td>
<td
width="50">E-mail</td>
<td
width="200">Komentar</td>
</tr>
<?php
$tampil =
mysql_query("SELECT*FROM guestbook",$konek);
while($row
=mysql_fetch_array($tampil)){
echo "<tr>
<td>$row[nama]</td>
<td>$row[email]</td>
<td>$row[komentar]</td>
</tr>";
}
?>
</table></div></td>
</tr>
</table>
<p><blink>Belajar PHP</blink></p>
</body>
</html>
<br/>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
ok tinggal kita jalankan pada localhost, semoga berhasil
untuk tutorialnya bisa di download disini
untuk tutorialnya bisa di download disini
dan untuk source kode lengkapnya bisa kalian unduh disini, trimakasih ^_^
Post a Comment