Instal tema admin LTE di Codeigniter

Wong Magetan -Kali ini Admin akan berbagi tutorial memasang tema admin LTE di codeigniter. sebelum ke pemasangan apa sih admin LTE itu ? admin LTE adalah template web yang sering digunakan oleh web developer untuk project webnya belakangan ini yang menjadi populer dikalangan teman-teman web developer. selain ituadmin LTE juga mempunyai fitur menu yang dinamis dan tentunya responsive. pemasangan templapte ke framework codeigniter berikut :

• Pertama siapkan Framework Codeigniter dan Template Admin LTE.
• Hidupkan Apache & MySqlnya di aplikasi Xampp.

Control Panel Xampp

• Buat folder baru di folder htdocs. setelah itu isi folder itu dengan file codeigniter yang sudah diekstrak.  Lokasi C:\xampp\htdocs\magetankeren. 

contoh

• Buka browser ketikan di adress bar http://localhost/magetankeren/. maka akan tampilan welcome codeigniter seperti gambar 0.4.

Tampilan Codeigniter 

• Buat folder assets di C:\xampp\htdocs\magetankeren\assets. setelah itu masukkan file admin LTE yang sudah diekstrak ke folder assets.
• Untuk melihat tampilannya. Ketik http://localhost/magetankeren/assets/adminlte/index2.html di adress bar(url). Jika sesuai dengan yang digambar berarti sudah benar.

  

  tampilan Admin LTE

• Untuk template utama yang akan kita gunakan adalah Blank Page. Sekarang pilih menu Examples >> Blank Page. atau ketik di url http://localhost/magetankeren/assets/adminlte/pages/examples/blank.html.

  

  Tampilan Blank Page

• Setelah itu klik kanan View Page Source Atau bisa juga dengan menekan tombol Ctrl + U. Setelah muncul Source codenya tekan Ctrl+A(Untuk menseleksi semua) lalu Ctrl+C(Untuk mengcopi yang sudah diseleksi). Buat file dengan nama template di direktory magetankeren\application\views. paste kodenya di file template.php. 

  

  tampilan view page source 

  

  Tampilan template.php yang sudah di isi dengan code

• Buat file template.php di magetankeren\application\controllers. Masukkan kode berikut : 
  <?php
  
  defined('BASEPATH') OR exit('No direct script access allowed');
  
  class Template extends CI_Controller{
  
    public function __construct()
  
    {
  
      parent::__construct();
  
      //Codeigniter : Write Less Do More
  
    }
  
    function index()
  
    {
  
      $this->load->view('template');
  
    }
  
  }

• Rubah dulu code Route.php yang diderectory magetankeren\application\config. 
  $route['default_controller'] = 'welcome'; menjadi $route['default_controller'] = 'template';
• Test halamannya dengan url localhost/magetankeren/.

  

  tampilan localhost/magetankeren/

• Loh tampilannya kok cuman tulisan. tenang itu karena belum di linkkan
  rubah link  <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
  menjadi
  <link rel="stylesheet" href="<?php echo base_url();?>bootstrap/css/assets/bootstrap.min.css"> 
  semua yang ada urlnya kita beri " <?php echo base_url();?>assets/"

  karena folder yang diakses bersumber dari assets jadi harus ditambahkan dengan base_url dan assets.
• kalau sudah hasilnya seperti gambar berikut .

Selamat mencoba jangan lupa berkomentar. terimakasih