1/3/2021 TUTORIAL 1: Penggunaan Admin LTE Template pada Laravel - Blog Rumah Coding

Blog Rumah Coding 

Home Android Training Javascript PHP Store

Workshop

Search …
TUTORIAL 1: Penggunaan Admin
LTE Template pada Laravel
February 25, 2019 Arsya Rifqi


1. Aktifkan xampp anda terlebih dahulu. Tekan tombol
window               pada keyboard anda, lalu ketik
https://blog.rumahcoding.co.id/tutorial-1-penggunaan-admin-lte-template-pada-laravel/ 1/11
1/3/2021 TUTORIAL 1: Penggunaan Admin LTE Template pada Laravel - Blog Rumah Coding

xampp .
Blog Rumah Coding 
Home Android Training Javascript PHP Store

Workshop

Recent Posts
TUTORIAL 3 :
Register dan
Login
1. 2. Klik Start pada Apache serta MySQL . Menggunakan
Laravel
Pada tutorial ini,
2. Klik Start pada Apache serta MySQL
melanjutkan dari
tutorial […]

3. Kemudian buka salah satu Web Browser Anda Google Membuat aplikasi
Chrome, Mozilla, dll. Lalu ketik CRUD
http://localhost/dashboard/ pada link URL anda. menggunakan
Java Swing dan
MySQL Part 1
4. Buka cmd dengan cara no 1 Hari ini penulis
akan membahas
bagaimana cara
membuat […]
5. Masuk ke folder htdocs pada instalasi xampp anda

Building Simple
Image Slider
6. Lalu Kembali ke cmd, ketik cd C:\xampp2\htdocs Using Pure CSS3
 Kemudian tekan enter. CSS is an acronym
for Cascading


Style Sheets, it is
[…]

https://blog.rumahcoding.co.id/tutorial-1-penggunaan-admin-lte-template-pada-laravel/ 2/11
1/3/2021 TUTORIAL 1: Penggunaan Admin LTE Template pada Laravel - Blog Rumah Coding

7. Sekarang install laravel nya dengan perintah Print Logo Rumah

Blog Rumah Coding
composer create-project laravel/laravel LaraStore Coding

“5.6” lalu tekan enter. [Programming
Quiz #2]
Home Android Training Javascript PHP Store
Berikut adalah
tunggu sampai proses selesai seperti gambar di bawah Programming
Workshop Quiz #2: Tulis
kode program […]

8. Sekarang coba buka di browser nya, masukkan

http://localhost/LaraStore/public/

API Otentikasi
Menggunakan
Passport Laravel
Pada kesempatan
kali ini kita akan
membahas
tentang […]

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) .
Categories
Android
10. Setelah le berhasil di download, extract le
tersebut. BerCoding : Berita
Rumah Coding

CSS
11. Kemudian copy folder AdminLTE-3.0.0-alpha ke utter
dalam folder C:\xampp2\htdocs\LaraStore\public .
Gammu

Java


12. Rename folder tersebut menjadi lte Javascript

https://blog.rumahcoding.co.id/tutorial-1-penggunaan-admin-lte-template-pada-laravel/ 3/11
1/3/2021 TUTORIAL 1: Penggunaan Admin LTE Template pada Laravel - Blog Rumah Coding

JQuery
Blog Rumah Coding
13. Sekarang coba buka di browser nya, masukkan Oracle 
http://localhost/LaraStore/public/lte Peserta
Home Android Training Javascript PHP Store
PHP

14. Buatlah folder baru di dalam resources/views dengan Programming

Workshop
nama admin. Gunakan text editor anda untuk Logic
membuatnya. Programming
Quiz

Tips & Trick

Training
16. Di dalam folder admin, buatlah sebuah le namakan
Uncategorized
dengan admin.blade.php
Workshop

17. Copy isi starter.html

https://blog.rumahcoding.co.id/tutorial-1-penggunaan-admin-lte-template-pada-laravel/
 4/11
1/3/2021 TUTORIAL 1: Penggunaan Admin LTE Template pada Laravel - Blog Rumah Coding

Blog Rumah Coding 

Home Android Training Javascript PHP Store

Workshop

18. Paste ke dalam admin.blade.php

19. Ubah link resource menggunakan helper asset ( )

seperti gambar di bawah .

https://blog.rumahcoding.co.id/tutorial-1-penggunaan-admin-lte-template-pada-laravel/
 5/11
1/3/2021 TUTORIAL 1: Penggunaan Admin LTE Template pada Laravel - Blog Rumah Coding

Blog Rumah Coding 

Home Android Training Javascript PHP Store

Workshop

20. Kemudian butlah 3 le dalam folder admin, yaitu

header.blade.php, sidebar.blade.php, footer.blade.php .

21. Masuk ke admin.blade.php , kemudian cut code pada

bagian Navbar


22. Kemudian Paste ke dalam header.blade.php.

https://blog.rumahcoding.co.id/tutorial-1-penggunaan-admin-lte-template-pada-laravel/ 6/11
1/3/2021 TUTORIAL 1: Penggunaan Admin LTE Template pada Laravel - Blog Rumah Coding

Blog Rumah Coding 

Home Android Training Javascript PHP Store

Workshop

23. Masuk ke dalam admin.blade.php , tambahkan code

dibawah untuk memanggil le header.blade.php

24. Masuk ke admin.blade.php , kemudian cut code pada

bagian Sidebar

25. Kemudian Paste ke dalam sidebar.blade.php.

26. Masuk ke dalam admin.blade.php , tambahkan code

dibawah untuk memanggil le sidebar.blade.php

https://blog.rumahcoding.co.id/tutorial-1-penggunaan-admin-lte-template-pada-laravel/
 7/11
1/3/2021 TUTORIAL 1: Penggunaan Admin LTE Template pada Laravel - Blog Rumah Coding

Blog Rumah Coding 

Home Android Training Javascript PHP Store
27. Masuk ke admin.blade.php , kemudian cut code pada
bagian Footer
Workshop

28. Lalu Paste ke dalam footer.blade.php.

29. Masuk ke dalam admin.blade.php , tambahkan code

dibawah untuk memanggil le footer.blade.php

30. Lalu kita ganti konten utama, dengan code  berikut

31. Buatlah contoller untuk menampilkan halaman

admin dengan cmd

32. Masuk ke le AdminController.php. Tambahkan

code dibawah
https://blog.rumahcoding.co.id/tutorial-1-penggunaan-admin-lte-template-pada-laravel/
 8/11
1/3/2021 TUTORIAL 1: Penggunaan Admin LTE Template pada Laravel - Blog Rumah Coding

Blog Rumah Coding 

Home Android Training Javascript PHP Store

Workshop

33. Buatlah sebuah route baru untuk menjalankan

AdminController

34. Sekarang coba buka di browser nya, masukkan

http://localhost/LaraStore/public/admin

 PHP 0 Comments

← Membuat Login Form TUTORIAL 2 : CRUD


Dengan Codeigniter menggunakan Laravel →

https://blog.rumahcoding.co.id/tutorial-1-penggunaan-admin-lte-template-pada-laravel/ 9/11
1/3/2021 TUTORIAL 1: Penggunaan Admin LTE Template pada Laravel - Blog Rumah Coding

You May Also Like

Blog Rumah Coding 
Filter
Home Android Passing
Training Menampilkan
Javascript PHP Store
associative PHP Data dari
Workshop
array variable MySQL
based on to ke Dalam
array key javascript List View
in PHP le Pada
August 18, August 17, Android
2011  2011  Menggunakan
lhfazry lhfazry
PHP
0 0
Comments Comments
April 24,
2013 
lhfazry
0
Comments

ALSO ON BLOG RUMAH CODING

Roli Rusnandar: Membuat Restful TUTORIA

Upgrading diri tak … dengan Codeigniter menggun
a y ear ago • 1 c omment a y ear ago • 1 c omment a y ear ago • 6
Sebagai penduduk asli Pada kesempatan kali ini, Pertama-tam
Banjarbaru yang lahir pada kita coba membuat restful xampp anda
20 Juni 2019, saat ini … dengan framework … ikuti langkah

0 Comments Blog Rumah Coding 🔒 

1 Login

 Recom m end t T weet f Share Sort by Best

Start the discussion

https://blog.rumahcoding.co.id/tutorial-1-penggunaan-admin-lte-template-pada-laravel/

10/11
1/3/2021 TUTORIAL 1: Penggunaan Admin LTE Template pada Laravel - Blog Rumah Coding

Proudly powered by WordPress | Theme: Radiate by ThemeGrill.

Blog Rumah Coding 

Home Android Training Javascript PHP Store

Workshop

https://blog.rumahcoding.co.id/tutorial-1-penggunaan-admin-lte-template-pada-laravel/
 11/11