- Aktifkan xampp anda terlebih dahulu. Tekan tombol window pada keyboard anda, lalu ketik xampp .
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2018/07/n1.png?resize=335%2C481&ssl=1)
- 2. Klik Start pada Apache serta MySQL .
2. Klik Start pada Apache serta MySQL
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2018/07/n2.png?resize=676%2C437&ssl=1)
3. Kemudian buka salah satu Web Browser Anda Google Chrome, Mozilla, dll. Lalu ketik http://localhost/dashboard/ pada link URL anda.
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss1-1024x524.png?resize=750%2C384&ssl=1)
4. Buka cmd dengan cara no 1
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss4.png?resize=750%2C341&ssl=1)
5. Masuk ke folder htdocs pada instalasi xampp anda
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss5-1024x290.png?resize=750%2C212&ssl=1)
6. Lalu Kembali ke cmd, ketik cd C:\xampp2\htdocs Kemudian tekan enter.
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss8.png?resize=750%2C268&ssl=1)
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss9.png?resize=750%2C293&ssl=1)
7. Sekarang install laravel nya dengan perintah composer create-project laravel/laravel LaraStore “5.6” lalu tekan enter.
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss10.png?resize=647%2C102&ssl=1)
tunggu sampai proses selesai seperti gambar di bawah
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss11.png?resize=750%2C337&ssl=1)
8. Sekarang coba buka di browser nya, masukkan http://localhost/LaraStore/public/
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss12-1024x575.png?resize=750%2C421&ssl=1)
9. Sekarang kita download Admin LTE template di https://github.com/almasaeed2010/AdminLTE/releases . Scroll ke bawah, seperti gambar dibawah, lalu pilih Source code (zip) .
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss13.png?resize=750%2C422&ssl=1)
10. Setelah file berhasil di download, extract file tersebut.
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss14.png?resize=602%2C97&ssl=1)
11. Kemudian copy folder AdminLTE-3.0.0-alpha ke dalam folder C:\xampp2\htdocs\LaraStore\public .
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss15.png?resize=692%2C276&ssl=1)
12. Rename folder tersebut menjadi lte
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss16.png?resize=640%2C252&ssl=1)
13. Sekarang coba buka di browser nya, masukkan http://localhost/LaraStore/public/lte
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss17-1024x429.png?resize=750%2C314&ssl=1)
14. Buatlah folder baru di dalam resources/views dengan nama admin. Gunakan text editor anda untuk membuatnya.
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss18.png?resize=333%2C393&ssl=1)
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss19.png?resize=285%2C297&ssl=1)
16. Di dalam folder admin, buatlah sebuah file namakan dengan admin.blade.php
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss20.png?resize=261%2C171&ssl=1)
17. Copy isi starter.html
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss21.png?resize=639%2C634&ssl=1)
18. Paste ke dalam admin.blade.php
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss22.png?resize=632%2C346&ssl=1)
19. Ubah link resource menggunakan helper asset ( ) seperti gambar di bawah .
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss23.png?resize=750%2C299&ssl=1)
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/s24.png?resize=750%2C196&ssl=1)
20. Kemudian butlah 3 file dalam folder admin, yaitu header.blade.php, sidebar.blade.php, footer.blade.php .
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss24.png?resize=229%2C134&ssl=1)
21. Masuk ke admin.blade.php , kemudian cut code pada bagian Navbar
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss25-1.png?resize=473%2C116&ssl=1)
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss26.png?resize=584%2C188&ssl=1)
22. Kemudian Paste ke dalam header.blade.php.
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss27.png?resize=619%2C386&ssl=1)
23. Masuk ke dalam admin.blade.php , tambahkan code dibawah untuk memanggil file header.blade.php
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss28.png?resize=616%2C104&ssl=1)
24. Masuk ke admin.blade.php , kemudian cut code pada bagian Sidebar
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss29.png?resize=616%2C152&ssl=1)
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss30.png?resize=480%2C167&ssl=1)
25. Kemudian Paste ke dalam sidebar.blade.php.
26. Masuk ke dalam admin.blade.php , tambahkan code dibawah untuk memanggil file sidebar.blade.php
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss31.png?resize=496%2C87&ssl=1)
27. Masuk ke admin.blade.php , kemudian cut code pada bagian Footer
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss32.png?resize=629%2C184&ssl=1)
28. Lalu Paste ke dalam footer.blade.php.
29. Masuk ke dalam admin.blade.php , tambahkan code dibawah untuk memanggil file footer.blade.php
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss34-1.png?resize=335%2C127&ssl=1)
30. Lalu kita ganti konten utama, dengan code berikut
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss35-1.png?resize=465%2C152&ssl=1)
31. Buatlah contoller untuk menampilkan halaman admin dengan cmd
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss36.png?resize=227%2C29&ssl=1)
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss37.png?resize=506%2C25&ssl=1)
32. Masuk ke file AdminController.php. Tambahkan code dibawah
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss38.png?resize=626%2C260&ssl=1)
33. Buatlah sebuah route baru untuk menjalankan AdminController
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss39.png?resize=688%2C364&ssl=1)
34. Sekarang coba buka di browser nya, masukkan http://localhost/LaraStore/public/admin
![](https://i0.wp.com/www.rumahcoding.co.id/wp-content/uploads/2019/02/ss40-1024x299.png?resize=750%2C219&ssl=1)