Bagaimana Cara Membuat Blog Anda Sendiri!!

Sampai saat ini seharusnya anda sudah mempelajari materi HTML, PHP dan MySQL
serta sudah memahami cara menghubungkan katiganya dengan baik. Jika belum,
maka saya sarankan anda untuk kembali terlebih dahulu ke pateri kursus-online.com
tersebut dan kembali lagi ke sini saat sudah menyelesaikannya.

Pada e-book ini ini, kita akan melihat penggunaan PHP dalam membuat sebuah
aplikasi web yang berfungsi penuh yaitu sebuah blog.

Saya yakin bahwa anda semua sudah mengenal apa itu blog, karena saat ini aplikasi
blog ini sangat populer digunakan oleh pengguna internet baik yang masih baru
maupun sudah advance.

Nah, bila biasanya anda akan menggunakan Wordpress atau blogspot untuk
membuat blog anda, maka di e-book ini anda akan belajar bagaimana membuat
aplikasi blog anda sendiri dari nol menggunakan PHP. Selamat menikmati.

Menyiapkan Database dan Direktori

Langkah pertama yang harus dilakukan adalah menyiapkan databasenya. Kita harus
membuat database MySQL siap untuk menerima dan menyimpan data posting blog.
Saya tidak akan membahas lagi mengenai berbagai cara membuat sebuah database
atau tabel di sini, karena anda bisa menemukannya di materi MySQL ataupun video
tutorial cara menghubungkan HTML, PHP & MySQL.

Saya hanya akan menunjukkan cara membuat tabelnya dengan perintah command
line seperti ini:

CREATE TABLE blog (id INT UNSIGNED NOT NULL AUTO_INCREMENT PRIMARY KEY,
judul
VARCHAR(100) NOT NULL, isi TEXT NOT NULL, tanggal DATETIME NOT NULL,
user VARCHAR (100))

Untuk cara membuat database, tabel dan user selengkapnya menggunakan

PHPMyAdmin, bisa anda pelajari di materi http://kursus-online.com Video Tutorial
Menghubungkan HTML, PHP dan MySQL pada bagian 3 (membuat tabel 2). Dalam e-
ook ini saya megasumsikan kita membuat database sebagai berikut:
Nama database = blog
Nama tabel = blog
Nama user = user
Password =pass
Langkah-langkah singkat menggunakan PHPMyAdmin adalah sebagai berikut:

Pastikan server PHP dan MySQL sudah jalan.

Buat database baru dengan nama blog dan sebuah tabel baru dengan 5 field dengan
nama blog juga.
Definisikan field-fieldnya seperti gambar di bawah ini.
Setelah di simpan, maka akan muncul konfirmasi dibuatnya tabel seperti gambar
berikut ini.

Langkah berikutnya adalah membuat user dan password. Klik Hak Akses.
Klik Menambahkan pengguna baru.

Isi Nama Pengguna dengan user, dan password dengan pass. Check pada semua
privilliges Data.
Klik Go. Kemudian pilih tabel blog dari drop down menu ‘Menambahkan hak
(privilliges) pada database berikut:’

Check pada semua privilliges Data dan klik Go.

PENTING!!
Setting register_global untuk program blog ini diasumsikan on. Jika anda
kebetulan memperoleh XAMPP versi baru, maka setting default register_global
adalah off. Untuk itu mohon lakukan langkah-langkah sederhana berikut
Update di file berikut ini:

c:\\Program Files\xampp\apache\bin\php.ini

Buka file tesebut dengan menggunakan Notepad, dan cari baris yang bertuliskan:

register_global off

Ubahlah menjadi

register_global on

Setelah itu Klik File
Save.

Silahkan buka lagi XAMPP control panel

Matikan Apache dengan mengklik tombol Stop dan nyalakan lagi dengan mengklik
tombol Start di samping tulisan Apache.

Langkah berikutnya kita perlu membuat direktori khusus untuk file-file kita agar
mudah dikelola. Dalam kasus ini saya mengasumsikan bahwa kita menggunakan
XAMPP dan terinstall di direktori C:\\Program Files\xampp.

Silahkan buka File Explorer dan buat sebuah direktori bernama blogku di root
direktori xampp sehingga menjadi seperti ini: C:\\Program
Files\xampp\htdocs\blogku. Kita akan meletakkan semua file kita di sini.
Membuat File Koneksi ke Database

Karena kita akan membuat beberapa halaman, yang semuanya akan mengakses
database MySQL yang sama, maka kita sebaiknya membuat fungsi yang akan kita
tulis di sebuah file terpisah.
Kita juga harus menggunakan fungsi mysql_error(), untuk menampilkan error yang
terjadi saat mengakses tabel di database kita. Hal ini sangat perlu dilakukan saat
kita mengalami masalah dengan koneksi atau saat query kita tidak mengeluarkan
data yang kita inginkan.

Nah, kita akan membuat file tersebut dengan nama sql_connect.inc. Dengan isi
codenya adalah sebagai berikut:

<?php
function sql_connect ($database) { //Fungsi membuat koneksi ke MySQL
if ($dbc = mysql_connect ('localhost', 'user', 'pass')) {
if (!@mysql_select_db("$database")) {
die ();
//Jika pemilihan database gagal, skrip akan berhenti.
}
} else {
die ();
//Jika server MySQL tidak bisa dihubungi, skrip akan berhenti.
}
}
?>

Fungsi ini melakukan beberapa langkah. Tugas pertamanya adalah menghubungkan

ke server MySQL menggunakan argumen server, username dan password (anda
harus mengganti server dengan localhost, username dan passsword dengan
username dan password anda sendiri. Jika bingung, lihat kembali materi
http://kursus-online.com video tutorial cara menghubungkan HTML, PHP dan MySQL
ya …)

Jika gagal terhubung, maka fungsi ini akan menghentikan eksekusi keseluruhan
skrip dengan perintah ‘die”.

Jika server MySQL bisa dihubungi, maka skrip ini akan mencoba untuk membuat
hubungan ke database yang sudah kita definisikan dalam argumen fungsi (dalam hal
ini adalah argumen ‘database’). Dan jika gagal membuka koneksi, maka skrip ini
akan menghentikan seluruh skrip seperti sebelumnya.

Membuat Halaman Depan

Nah, sekarang kita sudah memiliki database dan menyiapkan sebuah fungsi untuk
terhubung ke database tersebut. Saatnya untuk membuat halaman yang pertama.
Halaman ini berfungsi untuk menampilkan postingan yang ada di field isi dalam tabel
kita tadi.

Halaman ini akan menampilkan isi posting tadi ke homepage, dan bisa dilihat oleh
siapapun yang mengakses blog kita ini. Saat kita membuat halaman ini, kita akan
mempelajari kembali cara untuk mengirimkan query dasar ke server MySQL,
mengambil hasilnya dari server, kemudian menggunakan proses loop ‘while’ untuk
memproses data tadi menjadi kode HTML agar siap ditampilkan di browser.
Karena file sql_connect.inc tadi sangat penting dan bila tidak ditemukan skrip kita
tidak akan berdungsi, maka kita menggunakan ‘require’ di sini. (kalau lupa lihat
pelajaran PHP lagi ya, mengenai perbedaan include dan require).

<?php require ('sql_connect.inc');

Kita akan menggunakan fungsi sql_connect() buatan kita sendiri untuk membuka
koneksi ke database:
//Menghubungi database MySQL kita.
sql_connect(blog);

Kita akan membuat query kita mengambil seluruh data dari database dan
mengurutkannya dari yang paling baru. Kita hanya akan mengambil field-field yang
diperlukan saja, agar data yang di kirim dari server MySQL bisa kita perkecil
jumlahnya. Dan tentu saja, hal ini akan mempercepat proses juga.

$query = "SELECT `judul` , `isi` , `tanggal` , `user` FROM blog ORDER

BY tanggal DESC";

Sebelum kita lanjutkan lebih jauh, kita akan tambahkan pemanis berupa gambar
header dan judul blog di sini. Tidak lupa juga sebuah link yang akan menuju ke
halaman login admin bila di klik.

?>
<table align="center" border="0" width="80%">
<tr>
<td colspan="2" background=header.jpg>
<center><font size=5 face=arial>MYBLOG
PROJECT<br><br></center>
<font size=3 face=arial><b>Blog buatan saya
sendiri<br><br></b>
</td>
</tr>
<tr>
<td><a href=login.php>Admin</a></td>
</tr>
</table>
<?

Nah sekarang querynya sudah siap, kita akan mengirimkannya ke server MySQL
dengan perintah mysql_query(). (lihat lagi video tutorial ‘Cara Menghubungkan
HTML, PHP dan MySQL’ bila lupa ya )

Hasil query ini kita simpan sementara dalam variabel yang bernama ‘$r’. Sub bagian
‘else’ dalam potongan kode di bawah ini akan menggunakan ‘die’ lagi untuk
menghentikan skrip jika querynya gagal.

If ($r = mysql_query ($query)) {

//mengirimkan query ke server MySQL

Hasilnya (yang saat ini masih dalam bentuk array) kemudian diambil dan dilewatkan
dalam sebuah loop ‘while’. Hal ini akan membuat skrip kita bisa mengambil data per
baris dan mengulangnya lagi sampai baris data habis diambil.
Kita menggunakan fungsi ‘mysql_fetch_array’ untuk memproses setiap baris dalam
variabel pointer array ‘$r’ secara bergantian. Setelah diambil rownya, fungsi
mysql_fetch_array akan melanjutkan ke baris array berikutnya. Saat mencapain
baris terakhir, fungsi ini akan mengembalikan indikator null yang akan digunakan
oleh loop while kita untuk berhenti.

While ($baris = mysql_fetch_array($r)) {

//melakukan input data ke dalam tabel
//Loop while mengambil semua data dalam array $r

Baris berikutnya akan membawa data dari masing-masing elemen baris dan
memformatnya jika diperlukan. Saat ini, kita akan memasukkan data ke dalam
variabel tertentu sehingga bisa kita lakukan pemformatan terhadap data tersebut.
Kita juga akan menggunakan fungsi ‘date’ dan ‘nl2br’.

Fungsi date memungkinkan kita memformat tanggal dalam bentuk yang mudah
dimengerti. Fungsi kedua, akan mengubah karakter CR (ganti baris) yang disimpan
dalam database MySQL menjadi tag <br> agar dapat tampil sebagaimana
seharusnya di browser.

$tanggal = date ('M j y g:i A', strtotime($baris['tanggal']));

//Data waktu kita ubah formatnya agar bisa tampil dengan baik

$user = $baris['user'];
$judul = $baris['judul'];
$isi = $baris[‘isi’];
$isi = nl2br ($isi);

Sekarang kita akan membuat kode HTML untuk masing-masing tabel agar dapat
ditampilkan di halaman depan situs web kita. Meskipun saya menggunakan contoh
satu tabel untuk tiap isi posting, namun tentu saja anda bisa membuatnya dalam
sebauh tabel besar bila menginginkannya.

Dengan menggunakan PHP, kita bisa menutup dan membuka kembali tag-tag PHP di
seluruh jode halaman yang kita buat dengan skrip PHP yang tetap kontinyu. Aspek
ini kita gunakan di sini agar kode kita nampak bersih dan mudah dibaca. Tentu saja,
anda bisa menggunakan ‘echo’ juga untuk menampilkan setiap baris HTML yang
ingin anda tampilkan sebagai alternatif lainnya.

?>
<table align="center" border="0" width="80%">
<tr>
<td>
<b><?php echo $judul; ?></b>-
Di posting oleh: <b><?php echo $user; ?></b>
</td>
<td>
<div align="right"><?php echo $tanggal; ?></div>
</td>
</tr>
<tr>
<td colspan="2">
<?php echo $isi; ?>
</td>
</tr>
</table><br />
 <?php }

} else { //query tidak bekerja.

die ();
}

Dengan mempertimbangkan beban server MySQL, maka kita lebih baik menutup sesi
koneksi ke server MySQL dengan baik daripada membiarkan sesi tersebut tetap
terbuka sampai kena time out. Ini akan membebaskan sebagian resourve server dan
tidak memberatkan server MySQL.

mysql_close();
?>

Nah, kita sudah selesai membuat halaman depan blog kita. Tentu saja kita bisa
memolesnya lagi nanti agar nampak lebih profesional dan sesuai keinginan kita
masing-masing.

Kita akan lihat lagi kodenya secara keseluruhan ya, silahkan di simpan di dalam
direktori C:\\Program Files\xampp\blogku dengan nama index.php :

<?php require ('sql_connect.inc');

//Menghubungi database MySQL kita.

sql_connect(blog);
$query = "SELECT `judul` , `isi` , `tanggal` , `user` FROM blog ORDER
BY tanggal DESC";
?>
<table align="center" border="0" width="80%">
<tr>
<td colspan="2" background=header.jpg>
<center><font size=5 face=arial>MYBLOG
PROJECT<br><br></center>
<font size=3 face=arial><b>Blog buatan saya
sendiri<br><br></b>
</td>
</tr>
<tr>
<td><a href=login.php>Admin</a></td>
</tr>
</table>
<?

If ($r = mysql_query ($query)) {

//mengirimkan query ke server MySQL
While ($baris = mysql_fetch_array($r)) {
//melakukan input data ke dalam tabel
//Loop while mengambil semua data dalam array $r
$tanggal = date ('M j y g:i A', strtotime($baris['tanggal']));
//Data waktu kita ubah formatnya agar bisa tampil dengan baik
$user = $baris['user'];
$judul = $baris['judul'];
$isi = $baris[‘isi’];
$isi = nl2br ($isi);
?>
<table align="center" border="0" width="80%">
<tr>
 <td>
<b><?php echo $judul; ?></b>-
Di posting oleh: <b><?php echo $user; ?></b>
</td>
<td>
<div align="right"><?php echo $tanggal; ?></div>
</td>
</tr>
<tr>
<td colspan="2">
<?php echo $isi; ?>
</td>
</tr>
</table><br />
<?php }
} else { //query tidak bekerja.
die ();
}
mysql_close();
?>

Sekedar review, kita sudah belajar beberapa hal menarik di sini antara lain:

Bagaimana membuat dan menggunakan fungsi buatan kita sendiri.

Bagaimana cara meletakkan fungsi kita tersebut dalam file terpisah untuk
memungkinkan penggunaan kembali fungsi tersebut di halaman-halaman
lainnya nanti (perhatikan lagi bahwa kita menggunakan include/require untuk
melakukan ini).

Fungsi ini dibuat untuk membuka koneksi ke server MySQL dan database
yang kita inginkan.

Kita menggunakan 2 perintah PHP khusus yaitu ‘mysql_connect’ dan
mysql_select_db’ untuk membuka koneksi ini.

Kita juga sudah mempelajari cara memanipulasi string agar data dari
database dapat tampil lebih baik di browser dan menggunakan loop while
untuk menampilkan seluruh hasil query baris per baris.

Berikutnya kita akan membuat halaman admin yang berfungsi untuk menambah,
mengedit dan menghapus isi blog kita. Siap …

Membuat Halaman Admin

Kita akan membuat halaman login terlebih dahulu untuk mencegah orang lain masuk
ke halaman admin kita. Proses login akan melibatkan 2 file yaitu file login.php (yaitu
form login) dan file ceklogin.php (yang bertugas untuk proses verifikasi dan
pendaftaran session).

Pertama kita akan membuat sebuah form login sederhana yang memiliki 3 elemen
webb yaitu:

User Id

Password

Tombol Login

Skripnya silahkan disimpan dengan nama login.php, dan kodenya adalah sebagai
berikut:

<table width="300" border="0" align="center" cellpadding="0"

cellspacing="1" bgcolor="#CCCCCC">
<tr>
<form name="form1" method="post" action="ceklogin.php">
<td>
<table width="100%" border="0" cellpadding="3" cellspacing="1"
bgcolor="#FFFFFF">
<tr>
<td colspan="3"><strong>Member Login </strong></td>
</tr>
<tr>
<td width="78">Username</td>
<td width="6">:</td>
<td width="294"><input name="myusername" type="text"
id="myusername"></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input name="mypassword" type="text" id="mypassword"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td><input type="submit" name="Submit" value="Login"></td>
</tr>
</table>
</td>
</form>
</tr>
</table>

File berikutnya yang perlu kita siapkan adalah file ceklogin.php. Dalam file ini kita
mulai berkenalan dengan variabel session. Di sini kita akan mengecek apakah user
dan password yang dimasukkan sudah benar. Dan apabila benar, maka variabel
session dengan nama myusername akan di register. Variabel inilah yang akan
mengidentifikasikan bahwa kita sudah pernah login sebelumnya. Selama kita belum
menutup browser atau terkena perintah session_destroy, maka variabel ini akan
terus berada di memory server. Adapun listing programnya adalah sebagai berikut:

<?
$username=user;//Ini adalah nama user yang boleh masuk ke halaman admin
$password=pass;//dan ini passwordnya
if ($myusername == $username and $mypassword == $password){
session_start();
session_register(myusername);
echo ("Login berhasil. Silahkan klik <a href=admin.php>di
sini</a> untuk menuju halaman admin");
}else{
echo ("login gagal");
}
?>
Nah, kita perlu membuat satu lagi file kecil yang akan kita panggil dengan include
pada setiap file yang memerlukan pengamanan untuk mengecek apakah sudah login
dengan benar atau belum. Di sini kita akan memberikan nilai false pada variabel
session $myusername untuk menghindari penyalahgunaan otorisasi dengan
memberikan nilai pada variabel tersebut dari luar program. Setelah itu, kita memulai
session dengan session_start. Setelah perintah session_start ini, maka kita sudah
bisa menggunakan variabel session yang pernah kita register sebelumnya yaitu
$myusername. Variabel session ini akan kita gunakan untuk mengecek apakah
pengunjung sudah login atau belum. Jika variabel session ini ada, maka pengunjung
sudah pernah berhasil login sebelumnya. Kita beri nama file ini cek.inc.

<?
$myusername=false;
session_start();
if(!$myusername){
echo ("Anda harus login dahulu");
die();
}
?>

Pembuatan halaman admin ini akan kita mulai dengan menggunakan kembali
sebagian kode yang kita gunakan untuk membuat halaman depan. Kode ini kita
harapkan akan mengambil data sama seperti di halaman depan dan memformatnya
dalam bentuk tabel agar mudah dilihat.

Karena kita akan bekerja dengan data dari database, maka kita perlu memiliki cara
untuk mengenali masing-masing isi posting. Nah, kita akan memanfaatkan fiels auto
incrementing dalam database kita tadi untuk mewujudkannya. Kita akan mengambil
field ID juga dalam query kita (ingat, saat menampilkan halaman depan, kita tidak
mengambil field ini).

Nah, karena kita mengambil seluruh field yang ada, maka kita akan menggunakan
asterisk (*) untuk mempermudah penulisan querynya.

Perhatikan juga bahwa kita mulai menggunakan lagi file sql_connect.inc dan
menggunakan file cek.inc untuk memastikan bahwa pengakses file sudah login
sebelumnya.

<?
require ('sql_connect.inc');
include (‘cek.inc’);

//Menghubungi database MySQL kita

sql_connect('blog');

//Ini adalah query untuk keperluan admin;

//Kita mengambil semua artikel yang ada beserta seluruh kolomnya.
$query = 'SELECT * FROM blog ORDER BY tanggal DESC';

//Baris kode ini untuk mengeksekusi query

//Jika kita memperoleh hasil positif, akan dilanjutkan dengan proses
loop while
If ($r = mysql_query ($query)) {

//Membuat tampilan tabel

?>
 <table align="center" border="1" width="80%">
<tr>

<td colspan="2">
<b><center>Pengelolaan
Berita</b></center></b>
</td>
</tr>

<?php

Di sini koneksi MySQL sudah jalan dan data sudah diperoleh. Selanjutnya data
tersebut akan kita format agar tampil dalam format yang bisa dibaca manusia.
Perhatikan bahwa manipulasi string yang kita lakukan sama dengan yang kita
lakukan di halaman depan. Perbedaannya hanya pada penambahan field ‘id’. Field ini
digunakan untuk mengidentifikasikan masing-masing isi blog yang kita ambil dari
database.

While ($baris = mysql_fetch_array($r)) {

//memasukkan data ke dalam bentuk tabel
$judul = $baris['judul'];
$user = $baris['user'];
$isi = $baris[‘isi’];
//Data tanggal disesuaikan agar tampil dengan baik
$tanggal = date ('M j y g:i A', strtotime($baris['tanggal']));
$isi = nl2br ($isi);
?>
<tr>
<td colspan="2">
<table align="center" border="0" width="100%">
<tr>
<td>

<b><?php echo $judul ?></b> - Diposting oleh: <b><?php echo $user;

?></b>
</td>
<td>
<div align="right"><?php echo $tanggal; ?></div>

</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2"><?php echo $isi; ?></td>
</tr>

Sekarang, kita sudah memiliki semua informasi dari isi blog yang ditampilkan, kita
perlu menambahkan pilihan untuk melakukan manipulasi atas data ini. Kita akan
tambahkan baris baru yang memiliki 2 buah form: satu adalah form untuk halaman
edit (edit.php) dan satu lagi untuk halaman yang bertugas menghapus isi blog
(hapus.php).

Perhatikan bagaimana variabel $id yang berisi id masing-masing isi blog kita
kirimkan sebagai variabel tersembunyi (hidden variable). Variabel ini diperlukan bagi
form selanjutnya untuk mengidentifikasikan secara tepat, isi blog mana yang akan
dimanipulasi. Tabel kita tutup pada akhir loop.
<tr>
<td>
<table align="center" width="200" border="0">
<tr>
<td>
<form action="edit.php" method="post">
<input type="hidden" name="id" value="<?=$id ?>">
<input type="submit" name="submit" value="Edit">
</form>
</td>
<td>
<form action="hapus.php" method="post">
<input type="hidden" name="id" value="<?=$id ?>">
<input type="submit" name="submit" value="Hapus">
</form>
</td>
</tr>
</table>
</td>
</tr>
<?php
}
?>
</table>
<?php
} else {
//kalau query tidak berhasil.
die ("<p>Query tidak berhasil karena: <b>" . mysql_error() .
"</b></p>\n");
}

mysql_close();
//Menutup sesi MySQL

Sekarang semua isi blog sudah bisa ditampilkan, kita memerlukan sebuah form
untuk menambahkan entry baru pada tabel blog. Ini adalah form posting kita.
Dalam form ini, kita akan mengumpulkan 4 buah informasi dinamis. Halaman form
ini kemudian akan mengirimkan keempat data tersebut ke sebuah halaman
pemroses yang akan kita buat sebentara lagi.

?>
<form action="tambah.php" method="POST">
<table align="center">

<tr>
<td>Judul Posting: </td>
<td><input type="text" name="judul" size="40" maxsize="100" /></td>
</tr>
<tr>

<td>User : </td>
<td><input type="text" name="user" size="40" maxsize="100" /></td>
</tr>
<tr>
<td>Isi Posting: </td>

<td><textarea name="entry" cols="100" rows="10"></textarea></td>

</tr>
<tr>
<td><input type="submit" name="Kirim" value="Kirim" /></td>
</tr>
</table>
</form>

Akhirnya, halaman depan admin kita sudah lengkap. DI halaman ini kita bisa melihat
seluruh isi posting yang sudah dilakukan dan tersedia juga link untuk melakukan
editing atau penghapusan. Sebagai tambahan, di bagian bawah, kita juga bisa
melakukan posting baru pada blog kita ini.

Mari kita lihat keseluruhan kodenya dan simpan dengan nama admin.php:

<?
require ('sql_connect.inc');
include (‘cek.inc’);

//Menghubungi database MySQL kita

sql_connect('blog');

//Ini adalah query untuk keperluan admin;

//Kita mengambil semua artikel yang ada beserta seluruh kolomnya.
$query = 'SELECT * FROM blog ORDER BY tanggal DESC';

//Baris kode ini untuk mengeksekusi query

//Jika kita memperoleh hasil positif, akan dilanjutkan dengan proses
loop while
If ($r = mysql_query ($query)) {

//Membuat tampilan tabel

?>
<table align="center" border="1" width="80%">
<tr>
<td colspan="2">
<b><center>Pengelolaan
Berita</b></center></b>
</td>
</tr>
<?php

While ($baris = mysql_fetch_array($r)) {

//memasukkan data ke dalam bentuk tabel
$judul = $baris['judul'];
$user = $baris['user'];
$isi = $baris[‘isi’];
//Data tanggal disesuaikan agar tampil dengan baik
$tanggal = date ('M j y g:i A',
strtotime($baris['tanggal']));
$isi = nl2br ($isi);
?>
<tr>
<td colspan="2">
<table align="center" border="0" width="100%">
<tr>
<td>
<b><?php echo $judul ?></b> - Diposting oleh: <b><?php echo $user;
?></b>
</td>
<td>
 <div align="right"><?php echo $tanggal; ?></div>

</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2"><?php echo $isi; ?></td>
</tr>

<tr>
<td>
<table align="center" width="200" border="0">
<tr>
<td>
<form action="edit.php" method="post">
<input type="hidden" name="id" value="<?=$id ?>">
<input type="submit" name="submit" value="Edit">
</form>
</td>
<td>
<form action="hapus.php" method="post">
<input type="hidden" name="id" value="<?=$id ?>">
<input type="submit" name="submit" value="Hapus">
</form>
</td>
</tr>
</table>
</td>
</tr>
<?php
}
?>
</table>
<?php
} else {
//kalau query tidak berhasil.
die ("<p>Query tidak berhasil karena: <b>" . mysql_error() .
"</b></p>\n");
}

mysql_close();
//Menutup sesi MySQL

?>
<form action="tambah.php" method="POST">
<table align="center">
<tr>
<td>Judul Posting: </td>
<td><input type="text" name="judul" size="40" maxsize="100" /></td>
</tr>
<tr>
<td>User : </td>
<td><input type="text" name="user" size="40" maxsize="100" /></td>
</tr>
<tr>
<td>Isi Posting: </td>
<td><textarea name="isi" cols="100" rows="10"></textarea></td>
</tr>
<tr>
<td><input type="submit" name="submit" value="Kirim" /></td>

</tr>
</table>
</form>

Halaman berikut yang harus kita buat adalah halaman pemroses pertama yaitu
halaman tambah posting. Ini adalah proses 2 tahap. Pertama data harus kita peroleh
dengan menggunakan POST. Tahap berikutnya meliputi pembersihan data dan
melakukan format agar kompatibel bagi database MySQL.

Karakter-karakter seperti tanda kutip tunggal dan ganda dapat menyebabkan query
tidak berjalan. Kita harus menambahkan escape characters. Kita juga akan
menambahkan proses penangkapan error untuk mengecek data yang dikirimkan.
Jika ada, proses akan dilanjutkan, namun jika tidak ada, maka pesan error akan
ditampilkan.

<?
if (isset($_POST['submit'])) {
require ('sql_connect.inc');

//menghubungkan ke database MySQL

sql_conenct('blog');

Proses berikutnya adalah menangkap data yang dikirimkan dari form halaman depan
admin kita.

$judul = $_POST['judul'];
$isi = $_POST['isi'];
$user = $_POST['user'];

Perintah trim akan menghapus semua spasi yang tidak diperlukan pada akhir atau
awal string. Ini perlu dilakukan agar data tetap berukuran sekecil mungkin dan
nampak indah saat ditampilkan.

//Membersihkan teks menggunakan trim

trim ($judul);
trim ($isi);
trim ($user);

Fungsi adslashes adalah fungsi PHP yang akan menambahkan escape character (‘/’)
ke semua karakter yang bermasalah seperti tanda kutip.

//menambahkan escape characters pada query

$judul = addslashes ($judul);
$isi = addslashes ($isi);
$user = addslashes ($user);
$tanggal = date('Y-m-d H:i');

Sampai di sini, semua data sudah selesai di proses dan siap untuk dimasukkan ke
dalam tabel database MySQL. Karena kita akan menambahkan data baru, maka kita
akan menggunakan INSERT agar MySQL menyisipkan baris baru. Perhatikan bahwa
field id akan secara otomatis bertambah meskipun kita set di query ini dengan angka
0. Dengan cara ini, maka id tersebut akan tetap unik.

//mendefinisikan query
$query = "INSERT INTO blog (id, judul, isi, tanggal, user)
VALUES (0, '$judul', '$isi', ‘$tanggal’, '$user')";

Sisa kode di halaman ini akan mengirimkan query ke database MySQL. Sebagai
tambahan, kita akan tampilkan status hasil posting oleh user tersebut agar tahu
bahwa entry posting sudah berhasil.

//mengeksekusi query
if (@mysql_query ($query)) {
?>
<center>Posting sudah berhasil disimpan.
<a href="admin.php">Kembali ke halaman admin
</a></center>
<?php
} else {
?>
<center>Posting gagal.
<a href="admin.php">Kembali ke halaman admin
</a></center>
<?php
}
mysql_close(); //Menutup sesi MySQL
} else {
<center>Tidak ada data yang bisa di proses.
<a href="admin.php">Kembali ke halaman admin
</a></center>
}

Sampai di sini, kita sudah berhasil menyelesaikan halaman utama admin yang akan
terhubung dengan 3 halaman pemroses selanjutnya yaitu tambah.php untuk
menambah posting baru, edit.php untuk melakukan editing terhadap posting dan
hapus.php untuk menghapus posting.

Kemudian kita juga sudah membuat halaman tambah.php, yang keseluruhan

kodenya adalah sebagai berikut:

<?
if (isset($_POST['submit'])) {
require ('sql_connect.inc');
include (‘cek.inc’);

//menghubungkan ke database MySQL

sql_conenct('blog');
$judul = $_POST['judul'];
$isi = $_POST['isi'];
$user = $_POST['user'];

//Membersihkan teks menggunakan trim

trim ($judul);
trim ($isi);
trim ($user);
//menambahkan escape characters pada query
$judul = addslashes ($judul);
 $isi = addslashes ($isi);
$user = addslashes ($user);
$tanggal = date('Y-m-d H:i');
//mendefinisikan query
$query = "INSERT INTO blog (id, judul, isi, tanggal, user)
VALUES (0, '$judul', '$isi', ‘$tanggal’, '$user')";

//mengeksekusi query
if (@mysql_query ($query)) {
?>
<center>Posting sudah berhasil disimpan.
<a href="admin.php">Kembali ke halaman admin
</a></center>
<?php
} else {
?>
<center>Posting gagal.
<a href="admin.php">Kembali ke halaman admin
</a></center>
<?php
}
mysql_close(); //Menutup sesi MySQL
} else {
<center>Tidak ada data yang bisa di proses.
<a href="admin.php">Kembali ke halaman admin
</a></center>
}
?>

Tugas berikutnya adalah membuat file untuk proses edit dan hapus. Siap….

Yang pertama kita akan membuat file-file pemroses edit isi blog. Di sini kita akan memerlukan 2
buah file, yang pertama adalah form yang akan kita gunakan untuk mengedit data, dan file kedua
akan memproses upadate dari form pertama tadi ke database MySQL.

Halaman form yang pertama tadi akan mengambil data dari database MySQL dan
menampilkannya dalam bentuk form. Nah, karena form ini menggunakan HTML standar, maka
kita perlu melakukan sedikit langkah agar teks yang tersimpan tadi tidak mengacaukan tag-tag
HTML.

Seperti biasa, kita mulai dengan membuka koneksi:

<?php
require ('sql_connect.inc');
include (‘cek.inc’);

//menghubungi database MySQL

sql_connect('blog');

Setelah koneksi terbuka, kita perlu menangkap data POST yang dikirimkan oleh
halaman utama admin. Kita perlu menangkap field hidden bernama ‘id’. Kita juga
akan menggunakan klausul WHERE dalam query kita agar data yang diambil hanya
data yang relevan saja, yaitu data yang sesuai dengan ‘id’.

//menangkap data POST

$id = $_POST['id'];
//mendefinisikan query
$query = "SELECT * FROM blog WHERE id=’$id’";
//menjalankan query
if ($r = mysql_query($query)) {

$baris = mysql_fetch_array ($r); //mengambil informasi, perhatikan bahwa

kita tidak perlu menggunakan while karena hanya ada 1 baris saja.

Setelah pengambilan data selesai, kita akan melanjutkan dengan proses untuk
tampilan. ‘Judul’ dan ‘’isi’ akan kita tampilkan dalam sebuah field teks di form kita
ini. Karena field ini kemungkinan sudah berisi data, maka kita harus menghapus tag
HTML dan menggantikannya dengan escape character yang sesuai. Dengan cara ini,
maka apapun tag HTML yang ikut tersimpan tidak akan mengacaukan tampilan
proses editing ini. Kita akan menggunakan fungsi ‘htmlentities’ untuk melakukannya.

Karena data dari form ini masih akan dikirimkan lagi ke halaman lain yang bertugas
untuk melakukan update ke database MySQL, maka data ini tetap harus di track,
dan kita akan menggunakan field id yang hidden lagi.

//meletakkan informasi dari query ke dalam variabel agar siap tampil.

$judul = htmlentities($baris['judul']);
$user = htmlentities($baris['user’]);
$id = $baris['id'];
$isi = htmlentities($baris['isi']);
?>

Sekarang kita akan menampilkan isi variabel ini ke dalam field dalam form dengan
perintah echo seperti ini <?php echo $judul; ?>.

<center>
Halaman berikutnya yang akan memproses data dari sini akan kita namakan
editsave.php, jadi kita masukkan di sini.
<form action="editsave.php" method="POST">
<table>
<tr>
<td>
Judul Posting:
<input type="text" name="judul" size="40"
maxsize="100" value="<?php echo $judul; ?>" />
</td>
<td>
User:
<input type="text" name="user" size="20"
maxsize="50" value="<?php echo $user; ?>" />
</td>

</tr>
<?php

//}
?>

<tr>
<td colspan=2>
Isi Posting:
</td>
</tr>
<tr>
<td>
 <textarea name="isi" cols="100" rows="15"><?php
echo $isi; ?></textarea>
</td>
</tr>
<tr>
<td>
//Jika user memutuskan untuk menyimpan perubahan, maka halaman ini akan
menuju ke halaman editsave.php:
<form action="editsave.php"
method="post">
<input type="hidden" name="id"
value="<?php echo $id ; ?>" />
<input type="submit" name="submit"
value="Simpan" />
</form>
</td>
<td>

//Jika user ingin membatalkan perubahan, kita akan arahkan kembali ke

halaman utama admin:
<form action="admin.php" method="post">
<input type="submit" name="submit"
value="Cancel" />
</form>
</td>
</tr>
</table>
</center>
<?php

Kita akan mengakhiri halaman ini dengan menangkap error jika ada, dan kemudian
menutup koneksi MySQL.

} else {
echo "<p>Tidak bisa mengambil data posting. </p>";
}

mysql_close(); //Menutup sesi MySQL

Nah, listing program keseluruhan untuk file edit.php ini adalah sebagai berikut:

<?php
require ('sql_connect.inc');
include ('cek.inc');

//menghubungi database MySQL

sql_connect('blog');
//menangkap data POST
$id=$_POST['id'];

//mendefinisikan query
$query = "SELECT * FROM blog WHERE id='$id'";
//menjalankan query
if ($r = mysql_query($query)) {

$baris = mysql_fetch_array ($r); //mengambil informasi, perhatikan bahwa

kita tidak perlu menggunakan while karena hanya ada 1 baris saja.
//meletakkan informasi dari query ke dalam variabel agar siap tampil.
$judul = htmlentities($baris['judul']);
$user = htmlentities($baris['user']);
$id = $baris['id'];
$isi = htmlentities($baris['isi']);
?>
<center>
<form action="editsave.php" method="POST">
<table>
<tr>
<td>
Judul Posting:
<input type="text" name="judul" size="40"
maxsize="100" value="<?php echo $judul; ?>" />
</td>
</tr>
<tr>
<td>
User:
<input type="text" name="user" size="20"
maxsize="50" value="<?php echo $user; ?>" />
</td>

</tr>
<?php

//}
?>

<tr>
<td colspan=2>
Isi Posting:
</td>
</tr>
<tr>
<td>
<textarea name="isi" cols="100" rows="15"><?php
echo $isi; ?></textarea>
</td>
</tr>
<tr>
<td>

<form action="editsave.php"
method="post">
<input type="hidden" name="id"
value="<?php echo $id ; ?>" />
<input type="submit" name="submit"
value="Simpan" />
</form>
</td>
<td>

<form action="admin.php" method="post">

<input type="submit" name="submit"
value="Cancel" />
</form>
</td>
</tr>
</table>
</center>
<?php
} else {
echo "<p>Tidak bisa mengambil data posting. </p>";
}
mysql_close(); //Menutup sesi MySQL
?>

Kita masih harus membuat 2 halaman lagi, namun jangan khawatir karena 2
halaman ini kecil-kecil aja ko.

Halaman berikut yang akan kita buat adalah halaman editsave.php yang ekan
memproses data dari form edit.php ke MySQL.

Kita akan menggunakan perintah MySQL UPDATE dlaam querynya. Seperti biasa,
kita mulai dengan membuka hubungan ke server MySQL.

require ('sql_connect.inc');
//menghubungi database MySQL
sql_connect('blog');
?>

Kemudian kita akan menangkap data dari form sebelumnya dan menyiapkannya
untuk di masukkan ke dalam database. Seperti sebelumnya, kita akan menggunakan
trim dan addslashes.

//menangkap data POST

$judul = $_POST['judul'];
$isi = $_POST['isi'];
$user = $_POST['user'];
$id = $_POST['id'];

//membersihkan data sebelum diinput

trim ($judul);
trim ($isi);
trim ($user);

//menambahkan escape character

$judul = addslashes ($judul);
$isi = addslashes ($isi);
$user = addslashes ($user);

Query berikut ini akan menggunakan field hidden ‘id’ untuk dapat memproses dan
mengambil hanya data yang kita inginkan saja. Cara mengambilnya adalah
menggunakan fungsi ‘mysql_affected_rows’ untuk memastikan bahwa sebuah baris
sudah berhasil diupdate. Kita bisa memverifikasi hasilnya menggunakan if-else.

//mendefinisikan query
$query = "UPDATE blog SET judul='$judul', isi='$isi', user='$user' WHERE
id={$id}";

//menjalankan query
$r = mysql_query ($query);

?>
<table>
<?php
if (mysql_affected_rows() == 1) {
//Jika update berhasil
?>
<table>
<tr>
<td>
Update Berhasil
</td>
</tr>
<?php
} else {
//jika gagal
?>
<tr>
<td>
Update Gagal
</td>
</tr>
<?php
}
?>

<tr>
<td>
<form action="admin.php" method="post">
<input type="submit" name="submit" value="Ok" />
</form>
</td>
</tr>
</table>

<?php

mysql_close(); //Menutup sesi MySQL

?>

Sampai di sini, kita sudah menyelesaikan file editsave.php kita, yang keseluruhan
kodenya adalah sebagai berikut:

<?
require ('sql_connect.inc');
include (‘cek.inc’);

//menghubungi database MySQL

sql_connect('blog');

//menangkap data POST

$judul = $_POST['judul'];
$isi = $_POST['isi'];
$user = $_POST['user'];
$id = $_POST['id'];

//membersihkan data sebelum diinput

trim ($judul);
trim ($isi);
trim ($user);

//menambahkan escape character

$judul = addslashes ($judul);
$isi = addslashes ($isi);
$user = addslashes ($user);
//mendefinisikan query
$query = "UPDATE blog SET judul='$judul', isi='$isi', user='$user' WHERE
id={$id}";

//menjalankan query
$r = mysql_query ($query);

?>
<table>
<?php
if (mysql_affected_rows() == 1) {
//Jika update berhasil
?>
<table>
<tr>
<td>
Update Berhasil
</td>
</tr>
<?php
} else {
//jika gagal
?>
<tr>
<td>
Update Gagal
</td>
</tr>
<?php
}
?>

<tr>
<td>
<form action="admin.php" method="post">
<input type="submit" name="submit" value="Ok" />
</form>
</td>
</tr>
</table>

<?php

mysql_close(); //Menutup sesi MySQL

?>

Akhirnya, kita sampai juga di pembuatan halaman terakhir dari proyek pembuatan
blog sederhana ini yaitu halaman hapus.php.

Halaman ini sebenarnya sangat mirip dengan halaman editsave.php, dengan

perbedaan bahwa perintah MySQL yang digunakan adalah DELETE. Karena itu, kita
sama sekali tidak perlu menyiapkan datanya terlebih dahulu seperti yang kita
lakukan pada editsave.php.
Sekali lagi kita akan menggunakan fungsi ‘mysql_affected_rows’ untuk memastikan
proses penghapusan sudah berjalan dengan baik.

<?
require ('sql_connect.inc');
include (‘cek.inc’);

//menghubungi database MySQL

sql_connect('blog');

$id=$_POST['id'];

//Mendefinisikan query
$query = "DELETE FROM blog WHERE id='$id' LIMIT 1";

//Mengirimkan query untuk menghapus isi posting

mysql_query ($query);

if (mysql_affected_rows() == 1) {
//jika penghapusan berhasil
?>
<table>
<tr>
<td>
Penghapusan data berhasil
</td>
</tr>
<?php
} else {
//Jika gagal
?>
<tr>
<td>
Penghapusan data gagal
</td>
</tr>
<?php
}
?>

<tr>
<td>
<form action="admin.php" method="post">
<input type="submit" name="submit" value="Ok" />
</form>
</td>
</tr>
</table>

<?php

mysql_close(); //Menutup sesi MySQL

?>

Nah, semua halaman yang diperlukan untuk membuat blog kita sudah jadi. Tentu
saja seperti yang sudah saya sampaikan, ini adalah bentuk yang sangat
disederhanakan dari sebuah aplikasi blog. Masih sangat banyak yang bisa
disempurnakan, namun untuk menjaga kesederhanaan penjelasan, maka sampai di
sini dulu proses pembuatan aplikasi blog kita.

Sekarang anda sudah siap untuk mengembangkan aplikasi anda sendiri.