Membuat Website Professional dengan PHP MySql - PART #11 : Halaman About & 404

Hi pembaca, untuk yang sedang mengikuti seri Membuat Website Professional dengan PHP & MySql silahkan dilihat listing post dari part 1 sampai ke part 10. Pada Part 11 ini saya ingin membuat halaman About. Untuk ke-4 halaman frontend yang sudah saya jabarkan di Membuat Website Professional dengan PHP & MySql - PART #10 : Pengaturan Global, Htaccess & Halaman Frontend sengaja saya buat statis agar seri Membuat Website Professional dengan PHP & MySql tidak terlalu banyak/panjang, silahkan anda kembangkan sendiri mulai dari membuat manajemen pengaturan frontend sampai manajemen menu navigasi jika memungkinkan.  

• Membuat Website Professional dengan PHP & MySql - PART #1 : Pengertian Dasar & Tools
• Membuat Website Professional dengan PHP & MySql - PART #2 : Setup Database, Table & Hirarki Folder
• Membuat Website Professional dengan PHP & MySql - PART #3 : Membuat Login Admin & Dashboard
• Membuat Website Professional dengan PHP & MySql - PART #4 : Customized Login Admin & Dashboard
• Membuat Website Professional dengan PHP & MySql - PART #5 : Membuat Halaman Profile Admin & Integrasi Gravatar
• Membuat Website Professional dengan PHP & MySql - PART #6 : Manajemen Halaman
• Membuat Website Professional dengan PHP & MySql - PART #7 : Manajemen Kategori
• Membuat Website Professional dengan PHP & MySql - PART #8 : Manajemen Post
• Membuat Website Professional dengan PHP & MySql - PART #9 : Manajemen Password Admin
• Membuat Website Professional dengan PHP & MySql - PART #10 : Pengaturan Global, Htaccess & Halaman Frontend

#1 Membuat Halaman About

• Hidupkan XAMPP terlebih dahulu
• Buat file php baru dan beri nama about.php (tanpa .php) dan simpan di dalam folder hospital
• Konsepnya hampir sama dengan membuat index.php, copy kode berikut dan simpan 

  <?php include "header.php"; ?>
  <?php $sql = mysqli_query($koneksi, 'SELECT * FROM halaman where id="1"');?>
  <?php $row = mysqli_fetch_array($sql);?>
  <!-- bradcam_area_start  -->
      <div class="bradcam_area breadcam_bg bradcam_overlay">
          <div class="container">
              <div class="row">
                  <div class="col-xl-12">
                      <div class="bradcam_text">
                          <h3>About</h3>
                          <p><a href="<?php echo $base_url;?>">Home /</a> <?php echo $row['judul']?></p>
                      </div>
                  </div>
              </div>
          </div>
      </div>
      <!-- bradcam_area_end  -->
      
       <!-- ================ contact section start ================= -->
      <section class="contact-section">
              <div class="container">
                  <div class="row">
                      <div class="col-12">
                          <h2 class="contact-title"><?php echo $row['judul']?></h2>
                      </div>
                      <div class="col-lg-12">
                         
                         
                         <?php echo $row['deskripsi'];?>
                         
                      </div>
                     
                     
                  </div>
              </div>
          </section>
      <!-- ================ contact section end ================= -->
      <?php include "footer.php";?>​

• Lihat kode berikut, disana terdapat perintah melakukan query ke table halaman dengan id 1 

  <?php $sql = mysqli_query($koneksi, 'SELECT * FROM halaman where id="1"');?>

• Lihat id di halaman admin seperti pada gambar berikut, sesuaikan dengan id halaman anda. 
• Lihat pada browser dengan mengetikkan http://localhost/hospital/about 

#2 Membuat 404 Not Found

• Buat file php baru dan beri nama 404.php (tanpa .php) dan simpan di dalam folder hospital
• Copy kode berikut dan simpan 

  <?php include "header.php"; ?>
  <!-- bradcam_area_start  -->
      <div class="bradcam_area breadcam_bg bradcam_overlay">
          <div class="container">
              <div class="row">
                  <div class="col-xl-12">
                      <div class="bradcam_text">
                          <h3>404 Not Found</h3>
                          <p><a href="index.php">Home /</a> 404 Not Found</p>
                      </div>
                  </div>
              </div>
          </div>
      </div>
      <!-- bradcam_area_end  -->
      
      <!-- welcome_docmed_area_start -->
      <div class="welcome_docmed_area">
          <div class="container">
              <div class="row">
                  <h3>Page Not Found</h3>
              </div>
          </div>
      </div>
      <!-- welcome_docmed_area_end -->
  	
      <?php include "footer.php"; ?>​

• Masih ingat dengan posting saya yang membahas htaccess? Jika belum dilihat dulu disini. Halaman 404 merupakan halaman sederhana, yang mengaturnya adalah sebaris kode di file .htaccess anda. 

  ErrorDocument 404 /hospital/404.php​

• Jika halaman yang anda/url yang anda tuju tidak ada maka secara otomatis anda akan diarahkan ke halaman 404

Untuk Membuat halaman about cukup sekian dulu. File seri Membuat Website Professional dengan PHP MySql - PART #11 : Halaman About & 404 ini bisa anda download disini. Sampai bertemu lagi di posting selanjutnya, Keep Save & Healthy.

I’d love to hear from you, leave a Reply!

Submit