Rabu, 03 Juni 2009

Membuat Tampilan Berita/Blog dengan PHP - Bagian 2

Download Contoh Kode

Anda harus Mengerti cara kerja tabel yang ada di artikel sebelumnya

Setelah kita mengerti cara kerja tabel, juga kebutuhan row (baris) yang kita harus buat untuk menampilkan artikel/berita maka kita lanjut dengan contoh perulangan menggunakan php.

Berikut ini contoh kode html dilengkap dengan isi




<table border="1" width="100%">
<tbody><tr>
<td><a href="http://www.blogger.com/post-create.g?blogID=4369114614847878767#">Ini adalah Judul</a></td></tr>
<tr><td>Ini adalah isi artikel </td></tr>
</tbody></table>



Dari sini apakah sudah terbayang langkah selanjutnya ?

Ok. disini kita harus sudah mengerti tentang perulangan. Jika belum mengerti tentang perulangan di
PHP baca tutorial ini dulu


baik, inilah langkah selanjutnya :




<?php
//siapkan recordset --> asumsi database sudah terbuka.
$rs = mysql_query("select * from artikel limit 3")

//disini kita mengulang sejumlah 3 data
while($data=mysql_fetch_array($rs)){

?>

<table border="1" width="100%">
<tbody><tr>
<td><a href="baca_artikel.php?id=<?php echo $data['id_artikel']; ?>"> <tr><td><?php echo $data['headline']; ></td></tr>
</tbody></table>

} //tutup while
?>



Nah bagaimana hasil dari code diatas ?





Judul 1
Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1
Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1
Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1
Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1
Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1
Isi 1 Isi 1 Isi 1 Isi 1 Isi 1
Komentar 1







Judul 2
Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2
Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2
Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2
Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2
Komentar 2







Judul 3
Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3
Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3
Isi 3 Isi 3 Isi 3 Isi 3 Isi 3
Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3
Isi 3 Isi 3 Isi 3 Isi 3 Isi 3
Isi 3 Isi 3 Isi 3
Komentar 3




sudah mirip dengan blog kan ? hah belum ? ok langkah selanjutnya dalah menghilangkan border dari table sehingga tampilannya menjadi seperti ini :







Judul 1
Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1
Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1
Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1
Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1
Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1 Isi 1
Isi 1 Isi 1 Isi 1 Isi 1 Isi 1
Komentar 1





Judul 2
Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2
Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2
Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2
Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2 Isi 2
Komentar 2





Judul 3
Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3
Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3
Isi 3 Isi 3 Isi 3 Isi 3 Isi 3
Isi 3 Isi 3 Isi 3 Isi 3 Isi 3 Isi 3
Isi 3 Isi 3 Isi 3 Isi 3 Isi 3
Isi 3 Isi 3 Isi 3
Komentar 3



Cukup Jelas ?, Ya! Sekarang coba ya!

1 komentar:

  1. agak bingung. atau mungkin karena cuma baca sekilas ya??

    BalasHapus

Isi Komentar / Pertanyaan