Membuat shoutbox sendiri menggunakan PHP & MySQL

mungkin kamu tau shoutmix atau banyak lagi Shoutbox yang digunakan untuk taruh di blog seperti wordpress, blogger, dan lain nya..

dibawah ini adalah caranya :

1. Kamu harus punya hosting yang mendukung SQL, dan PHP seperti http://www.000webhost.com

2. Shoutbox ini mempunyai 3 bagian :

• Input
• Proses
• Output

Input

pada bagian input ini kita membuat sebuah form di mana nanti dimungkinkan untuk menginput nama, pesan, dan di sertai tombol submit untuk memproses nya.

<form name="shoutbox" action="" method="post">
Nama : <br><input type="text" name="nama" size="30" value=""><br>
Pesan : <br><textarea name="pesan" cols="40" rows="5"><br>
<input type="submit" name="submit" value="Kirim">
</form>

Proses

Pada bagian proses ini kamu harus terlebih dahulu membuat tabel dengan nama tabelnya ‘shoutbox’ pada database SQL yang kamu gunakan.

di bawah ini nama field berserta type dan atributnya:

1. id (type:INT; extra:auto_increment; primary key)
2. nama (type:TXT)
3. pesan (type:TXT)
4. tanggal (type:TXT)

kalau sudah dibuatkan field2 nya sekarang kita buatkan script untuk memproses inputan data yang di input pada bagian input diatas tadi.

<?php
if ($_POST['submit']) {
$con = mysql_connect("[server_name]","[user_name]","[password]");
if (!$con)
{
die('Could not connect: ' . mysql_error());
}

mysql_select_db(“[database_name]“, $con);

$nama = str_replace(“<”, “&lt;”, $_POST['nama']);
$nama = str_replace(“>”, “&gt;”, $_POST['nama']);
$pesan = str_replace(“<”, “&lt;”, $_POST['pesan']);
$pesan = str_replace(“>”, “&gt;”, $_POST['pesan']);
$tanggal = date(“d-m-Y H:i:s”);
$query = “INSERT INTO shoutbox (nama, pesan, tanggal) VALUES (‘$nama’,'$pesan’,'$tanggal’) “;
$sql = mysql_query($query);

}
?>

dari script proses tersebut bisa kita liat ada script yang seperti ini

$nama = str_replace(“<”, “&lt;”, $_POST['nama']);
$nama = str_replace(“>”, “&gt;”, $_POST['nama']);
$pesan = str_replace(“<”, “&lt;”, $_POST['pesan']);
$pesan = str_replace(“>”, “&gt;”, $_POST['pesan']);

script ini di pakai untuk menangkal ulah-ulah iseng orang yang meninggalkan pesan nanti. mungkin kamu tau Tag HTML seperti ini ?

<font face=”verdana” size=”50″ color=”Red”>text</font>

nah ini akan menjadi script iseng jika </font> nya di hilangkan yang menyebabkan seluruh tulisan dari shoutbox yang anda buat akan menjadi besar-besar dan berwarna merah dengan type font verdana, cara seperti ini sering terjadi pada saat http://www.friendster.com belum terlalu peduli pada hal-hal seperti ini.

Output

setelah di input dan diproses untuk masuk ke tabel database sekarang pada bagian output ini kita membuat sebuah output dengan data berdasarkan isi field Tabel database yang kamu gunain.

<?php

$con = mysql_connect(“[server_name]“,”[user_name]“,”[password]“);
if (!$con)
{
die(‘Could not connect: ‘ . mysql_error());
}

mysql_select_db(“[database_name]“, $con);

$query = “SELECT * FROM shoutbox ORDER BY id DESC LIMIT 0,10″;
$sql = mysql_query($query);

while ($data = mysql_fetch_object($sql)) {
?>
<div><?=$data->pengirim?> – <?=$data->tanggal?></div>
<div><?=$data->pesan?></div>
<?php
}
?>