Allright guys, kali ini saya akan membagikan artikel tentang cara membuat komentar menggunakan. semua tips dan artikel tentang komputer bisa kalian baca di sini.

OK, pertama-tama siapkan software yang mendukung untuk pembuatan sebuah website seperti Dreamweaver. di sini, saya menggunakan hosting local XAMPP, software XAMPP bisa kalian download di sini.

Langkah 1: Membuat database baru, username, dan password

  • Hosting

Untuk membuat database baru, kamu masuk ke control panel -> phpmyadmin (atau MySQL Databases untuk yang pake Hawkhost). Isi nama database dan collation-nya. Lalu buat nama user baru berikut password-nya.  Catat juga alamat server yang kamu gunakan.

  • Localhost

Setelah mengaktifkan module “apache” dan “MySQL” pada XAMPP, kunjungi localhost/phpmyadmin dengan browser kesayanganmu. Buat database dengan nama dan collation yang sama dengan penjelasan hosting di atas. Untuk localhost, sudah ada default nama user= root, hostname= localhost, dengan password kosong, jadi tidak perlu dibuat lagi.

Langkah 2: Membuat table

Baik pada hosting atau localhost, buat table baru pada database yang sudah dibuat dengan mengisikan data di bawah ini:

1
2
3
4
5
6
7
8
9
10
11
CREATETABLE`comment` (
`id` int(3) NOTNULLauto_increment,
`nama` varchar(30) NOTNULLdefault'',
`email` varchar(30) defaultNULL,
`website` varchar(50) defaultNULL,
`komentar` varchar(250) NOTNULLdefault'',
`date` datetime NOTNULL,
`art_id` int(3) NOTNULL,
`art_url` varchar(60) NOTNULL,
PRIMARYKEY`id` (`id`)
)

Membuat Kotak Komentar pada File contoh.php

Pada part 1 sudah dibahas kalau file php1 untuk mengirimkan data ke database lalu kembali ke halaman awal (contoh.php). Biar lebih catchy mari kita ganti nama php1 menjadi submitcomment.php. Karena php2 untuk memanggil data dan menampilkannya, maka nama yang cocok untuk menggantikannya adalahpublishcomment.php. Ok, belum saatnya membahas dua file itu terlalu jauh, sekarang mari kita perhatikan saja file contoh.php berikut ini.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html>
<head>
<style>
#comment {
margin:20px 0 0 20px;
border: 2px solid #848484;
border-radius:20px;
-moz-border-radius:20px;
max-height: 90%;
font-weight: bold;
color: #606060;
padding: 10px;
width: 440px;
background-color: #dcdcdc;
}
#publishcomment {
border: 2px solid #848484;
box-shadow: 12px 12px 7px #888888;
margin: 30px 0 50px 20px;
padding: 10px;
max-height: 100%;
color: #3d3d3d;
width: 550px;
font-size: 12px;
line-height: 15px;
}
#publishcomment hr {
color: #ccc;
}
#publishcomment a {
color: #da5700;
text-decoration: none;
font-weight:normal;
}
#publishcomment a:link {
font-weight: bold;
}
#publishcomment a:hover {
text-decoration: underline;
}
</style>
<body>
<div id="comment">
<form name="submitcomment" method="post" action="submitcomment.php">Nama:<br>
<input name="nama" type="text"><br>
Email(optional):<br><input name="email" type="text"><br>
Website(optional):<br><input name="website" type="text"><br>
Komentar:<br><textarea name="komentar" rows="6" cols="50"></textarea><br>
<input name="art_id" value="1" type="hidden">
<input name="art_url" value="contoh.php" type="hidden"><br>
<input name="tombol" value="Kirim" type="submit"></form></div>
<div id="publishcomment">
<?php include("publishcomment.php"); getcomment("1"); ?></div>
</body>
</head>

Sedikit penjelasan:

  • Baris ke 4-42 merupakan CSS (internal style sheet) untuk tampilan kotak komentar dan lembar tampilan komentar.
  • Baris ke 45 berisi perintah untuk mengirimkan data ke database (MySQL).
  • Baris ke 44-52 (highlight) untuk menampilkan kotak komentar.
  • Baris ke 53-54 untuk menampilkan komentar.
  • Baris ke 54 berisi perintah untuk mengambil data pada database sesuai dengan id halaman (art_id). Art_id (baris 50 dan 54) kamu isi sendiri (saya misalkan = 1).

Tampilan kotak komentarnya seperti ini:

Cara Membuat Kotak Komentar - contoh.php

PHP1 = Submitcomment.php

Submitcomment.php yaitu koneksi ke database

File Submitcomment.php sebagai berikut.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<?php
if($_POST["tombol"]=="Kirim")
{
$nama=$_POST["nama"];
$email=$_POST["email"];
$website=$_POST["website"];
$komentar=$_POST["komentar"];
$art_id=$_POST["art_id"];
$art_url=$_POST["art_url"];
if(empty($nama))
$_POST["nama"]='anonymous';
if(empty($komentar)){
echo "<meta http-equiv='refresh' content='2; url=$art_url'>";
die("komentar harus diisi");}
}
//connect database
$con=mysql_connect("hostname", "user", "password");
if(!$con)
die("Tidak dapat melakukan koneksi ke server MySQL");
//Menampilkan data
mysql_select_db("nama_database", $con);
$sql="INSERT INTO comment (nama, email, website, komentar, art_id, art_url,
date)
VALUES
('$_POST[nama]','$_POST[email]','$_POST[website]', '$_POST[komentar]',
'$_POST[art_id]', '$_POST[art_url]', NOW())";
if (!mysql_query($sql,$con))
 {
 die('Error: ' . mysql_error());
 }
echo "<meta http-equiv='refresh' content='0; url=$art_url'>";
//Memutuskan koneksi
mysql_close($con);
?>

PHP1 = Publishcomment.php

Publishcomment.php adalah file php untuk menampilkan komentar dari database

Sedangkan file Submitcomment.php sebagai berikut.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<?php
$con=mysql_connect("hostname", "user", "password");
if(!$con)
die("Tidak dapat melakukan koneksi ke server MySQL");
mysql_select_db("nama_database", $con);
?>
<?php
function getcomment($art_id){
$commentquery = mysql_query("SELECT * FROM comment WHERE art_id='$art_id'
ORDER BY id DESC") or die(mysql_error());
$commentNum = mysql_num_rows($commentquery);
echo "<h4>" . "Current comment(s)..." . "</h4>";
echo "<b>" . $commentNum . " comment(s) so far. Leave a comment..." .
"</b>" . "<br />" . "<br />";
echo "<hr>";
while($row = mysql_fetch_array($commentquery))
 {
 echo "<b>" . $row['nama'] . "</b>" . " " . " | " . " " . "<i>" .
$row['date'] . "</i>" . "<br />" . "<br />" . $row['komentar'] . "<br />";
 echo "<hr>";
 }
}
?>

Keterangan:

  • Pada localhost (XAMPP), default nama user= root, hostname= localhost, dengan password kosong.
  • Untuk hosting, kamu perlu membuat nama user dan password-nya.

Tampilannya sebagai berikut:

Membuat Kotak Komentar Sederhana - Tampilan Box dan Komentar