Template Gentelella Untuk Code Integer

Source : Github

Japriwe - Dalam merubah desain pada sebuah website memerlukan template yang sesuai dan menarik tentunya, Maka dari itu Japriwe akan membagikan Template Gentella untuk Code Integer serta cara mengkonfigurasi template Gentelella agar berjalan di Code Integer.

Template Gentelella digunakan untuk Backend Admin yang digunakan secara gratis dengan menggunakan template admin Bootstrap. Template ini menggunakan gaya Bootstrap 3 default bersama dengan berbagai plugin dan alat jQuery yang hebat untuk menciptakan kerangka kerja yang kuat untuk membuat panel admin atau dasbor back-end.

Fitur Gentelella Theme :

• Tema menggunakan beberapa perpustakaan untuk grafik
• Kalender, Rentang tanggal
• Validasi form, Form autocomplete
• Antarmuka mode wizard
• Menu navigasi di luar kanvas
• Bentuk teks,  area upload
• Frange slider, progress bar
• Notifikasi dan banyak lagi

Baca Juga : Cara menginstal Code Integer Melalui Xampp

Cara menginstal Template Gentelella dan Intergrasi Pada Code Integer

Langakah 1 : 

Pastikan kalian sudah menginstal Code Integer , kalau kalian belum menginstal kalian bisa membuka artikel Japriwe tentang cara menginstal Code Integer Melalui Xampp, Setelah itu download Template Gentelella pada link di bawah.

Langkah 2 :

Masukan File template yang sudah di download dan di extract kedalam project kalian ,kalian bisa masuk kedalam directory sebagai berikut :

C://xampp/htdocs/Nama_Folder/Gentelella

Note : Nama Folder itu nama project kalian

Langkah 3 :

Langkah selanjutnya mari kita intergrasi kedalam code integer agar berjalan dengan baik, kalian bisa membuka file Welcome.html pada directory project kalian .

C://xampp/htdocs/Nama_Folder/Gentelella/Apllication/Welcome.html

Selanjutnya kalian bisa merubah kode sebagai berikut pada Welcome.html :

 
template->load('template', 'dashboard1');
    }
 
    function dashboard3() {
        $this->template->load('template', 'dashboard3');
    }
 
    function form_general() {
        $this->template->load('template', 'general_form');
    }
 
    function form_advanced() {
        $this->template->load('template', 'form_advanced');
    }
 
    function form_validation() {
        $this->template->load('template', 'form_validation');
    }
 
    function form_wizard() {
        $this->template->load('template', 'form_wizard');
    }
 
    function form_upload() {
        $this->template->load('template', 'form_upload');
    }
 
    function form_button() {
        $this->template->load('template', 'form_button');
    }
 
    function table() {
        $this->template->load('template', 'table');
    }
 
    function table_dynamic() {
        $this->template->load('template', 'table_dynamic');
    }
    
    function contact() {
        $this->template->load('template', 'contact');
    }
 
}

• DEMO
• DOWNLOAD

Itu saja yang dapat japriwe berikan untuk kalian cara menginstal Template Gentelella Pada Code Integer semoga kalian dapat mengimplementasikan kedalam project kalian untuk mempercantik tampilan web project kalian, Bila mengalami kesulitan kalian bisa berkomentar dibawah artikel ini.