Sebelum membuat halaman admin, pastikan anda sudah
mendownload NICE
ADMIN terlebih dahulu Klik Tulisan Download.
Buatlah struktruktur Folder seperti contoh beirkut:
Cari folder dengan nama ASSETS,
terus anda copy folder tersebut dan paste di folder utama. Pada contoh
diatas folde utama ada latihan_pemograman_dasar. Setelah anda mengcopy
assets, selanjut buatlah folder template, sehingga akan membentuk
struktur folder seperti berikut:
Selanjutnya, anda buat file
dengan nama :
1. head.php
2. header.php
3. sidebar.php
4. footer.php
Sehingga akan membentuk gambar
seperti berikut:
Selanjutnya anda cari index.html
pada folder Nice
Admin. Setelah anda klik maka akan menampilkan gambar seperti berikut:
Tekan Ctrl+U atau klik
kanan dan pilih view-page-source, makan akan menampilkan gambar seperti
berikut:
Setelah muncul gambar tersebut:
Anda copy file yang ada
didalamnya secara terpisah, mulai dari:
<!DOCTYPE html>
…… s/d …
</head>
Copy ke file head.php
setelah anda copy file selanjutnya pastikan file pada folder assets terhubung
dengan file head.php untuk mengeceknya anda dapat melakukan kelik kanan
pada file head.php lalu pilih view-page-source atau ctrl + U, dan lakukan pengecekan dengan
cara mengklik url seperti pada contoh
link berikut:
|
<link href="assets/img/favicon.png" rel="icon"> |
|||||||
|
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> |
|||||||
|
Jika hasilnya seperti gambar
berikut, maka file belum terkoneksi. Untuk mengkoneksikannya maka bisa ditambahkan
.../ sebelum tulisan assets contohnya: ../assets/vendor/simple-datatables/style.css
Jika hasilnya, seperti gambar di
bawah maka, file sudah terkoneksi:
Lakukan langkah yang sama untuk
semua url yang ada tulisan assets;
Selanjutnya kita akan mengerjakan,
file header.php langkah yang harus anda lakukan copy mulai dari:
|
<body> |
…. s/d ….
</header>
Paste di file header.php
Selanjutnya kita akan mengerjakan,
file sidebar.php langkah yang harus anda lakukan copy mulai dari:
|
<aside id="sidebar"
class="sidebar"> |
…. s/d ….
</aside><!-- End Sidebar-->
Paste di file sidebar.php
Selanjutnya kita akan mengerjakan,
file footer.php langkah yang harus anda lakukan copy mulai dari:
|
<!-- ======= Footer ======= --> |
|
<footer id="footer" class="footer"> |
…. s/d ….
</html>
Paste di file footer.php pada
bagian footer lakukan pengecekan url, dengan langkah sama seperti
melakukan url pada head.php
langkah berikutnya:
buatlah file pada app dengan nama
dashboard.php, pada file dashboard. Jalankan fungsi include untuk menggabungkan
semua file. Berikut contoh, penulisannya:
<?php
include
'../app/templates/head.php';
include
'../app/templates/header.php';
include
'../app/templates/sidebar.php';
?>
Copy seluruh mind dan paste
disini
<main id="main" class="main">
……………s/d………………..
</main><!-- End #main -->
<?php
include
'../app/templates/footer.php';
?>
