nah kali ini saya mau bagi seputar aplikasi php ,yang digunakan untuk membuat aplikasi chating yang keren ,nah kalo biasanya kita chating dengan aplikasi facebook , email dll , disini kita akan membuat nya sendiri dengan karya kita sendiri oke
namun versi aplikasi yang saya buat ini sangat sederhana banget , berbekal dari aplikasi buku tamu yang saya edit menjadi aplikasi chating
screenshot nya dibawah ini:
seperti diatas aplikasinya , ,memang simple tapi sangat berguna bukan, mulai bisa digunakan buat ngobrol sama pacar supaya bisa lebih romantis saat ngechat bisa kita edit sedikit
sekarang ngak usah banyak basa basi langsung saja proses nya oke
pertama anda download databse nya dulu ya
buat dulu database dengan nama latih2 ,lalu import database nya oke
nah kalo udah kita yang pertama buat dulu index.php
<div class="full">
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>CHATING ONLINE by chulis</title>
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />
<script src="js/hideshow.js" type="text/javascript"></script>
<script src="js/jquery.tablesorter.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.equalHeight.js"></script>
</head>
<body>
<article class="module width_quarter">
<font color="blue">aktif jam 8 malam sampai 9 malam</font>
<header><h2><center>chating yuk</center></h2></header>
<div class="message_list">
<div class="module_content">
<iframe src="comentar.php" height="9000" width="9000" ></iframe>
</div>
</div>
<footer>
<form method="POST" action="proses.php" class="post_message">
<input type="text" name="nama" value="nama" onFocus="if(!this._haschanged){this.value=''};this._haschanged=true;"><br/>
<input type="text" name="komentar" value="Message" onFocus="if(!this._haschanged){this.value=''};this._haschanged=true;">
<input type="submit" class="kirim" value="Kirim">
</form>
</footer>
</article><!-- end of messages article -->
<div class="clear"></div>
</body>
</html>
</div>
kalo code diatas sudah ditulis lalu simpan dengan nama index.php<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>CHATING ONLINE by chulis</title>
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />
<script src="js/hideshow.js" type="text/javascript"></script>
<script src="js/jquery.tablesorter.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.equalHeight.js"></script>
</head>
<body>
<article class="module width_quarter">
<font color="blue">aktif jam 8 malam sampai 9 malam</font>
<header><h2><center>chating yuk</center></h2></header>
<div class="message_list">
<div class="module_content">
<iframe src="comentar.php" height="9000" width="9000" ></iframe>
</div>
</div>
<footer>
<form method="POST" action="proses.php" class="post_message">
<input type="text" name="nama" value="nama" onFocus="if(!this._haschanged){this.value=''};this._haschanged=true;"><br/>
<input type="text" name="komentar" value="Message" onFocus="if(!this._haschanged){this.value=''};this._haschanged=true;">
<input type="submit" class="kirim" value="Kirim">
</form>
</footer>
</article><!-- end of messages article -->
<div class="clear"></div>
</body>
</html>
</div>
setelah itu buat lagi comentar.php
<head>
<meta content='6' http-equiv='refresh'/>
</head>
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />
<div class="koment">
<?php
//Koneksi ke MySQL
$koneksi = mysql_connect("localhost","root","") or die ("Koneksi gagal");
mysql_select_db("latih2");
$hasil = mysql_query("select * from btamu");
while($data = mysql_fetch_array($hasil))
{
echo "<p><strong><font color='yellow'>".$data['1']."</strong></p></div>
<div class='message'><font color='blue'>berkata:</font><p><font color='white'>".$data['3']."</p>
------------------------------------";
}
?>
</div>
kalo udah di tulis codenya simpan dengan nama comentar.php<meta content='6' http-equiv='refresh'/>
</head>
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />
<div class="koment">
<?php
//Koneksi ke MySQL
$koneksi = mysql_connect("localhost","root","") or die ("Koneksi gagal");
mysql_select_db("latih2");
$hasil = mysql_query("select * from btamu");
while($data = mysql_fetch_array($hasil))
{
echo "<p><strong><font color='yellow'>".$data['1']."</strong></p></div>
<div class='message'><font color='blue'>berkata:</font><p><font color='white'>".$data['3']."</p>
------------------------------------";
}
?>
</div>
lanjut setelah itu buat lagi proses.php
<?php
//Koneksi ke MySQL
$koneksi = mysql_connect("localhost","root","") or die ("Koneksi gagal");
//Pilih database
mysql_select_db("latih2");
//Ngambil data dari form Buku tamu
$nama = $_POST['nama'];
$komentar = $_POST['komentar'];
$today = date("d-M-Y H:i:s");
//Query untuk memasukkan data ke tabel buku tamu
$insert_data = "insert into btamu (nama,komentar) values ('$nama','$komentar')";
mysql_query($insert_data);
?>
simpan code diatas dengan nama proses.php//Koneksi ke MySQL
$koneksi = mysql_connect("localhost","root","") or die ("Koneksi gagal");
//Pilih database
mysql_select_db("latih2");
//Ngambil data dari form Buku tamu
$nama = $_POST['nama'];
$komentar = $_POST['komentar'];
$today = date("d-M-Y H:i:s");
//Query untuk memasukkan data ke tabel buku tamu
$insert_data = "insert into btamu (nama,komentar) values ('$nama','$komentar')";
mysql_query($insert_data);
?>
lalu jalankan code diatas atau kalau anda binggung , anda bisa download disini langsung jadi
disini
nah itu aja , selamat mencoba dan berhasil dan sukses
di post berikut nya , cara supaya web anda online
oke salam sayang
Tidak ada komentar:
Posting Komentar