Membuat Template CSS Code Igniter

www.odalanmedia.com

Salam bahagia bro,waduh baru mau belajar ni tentang CodeIgniter 2.1.3 yang ane pake ni lumayan lah ane bolak balik baca tutorial sampai beli buku segala, hehehe maklum otak radarada tidak konek. Hehehehe. Baiklah sekarang ane bahas dulu cara memasang template CSS ke CodeIgniter. Yang pertama harus disiapkan adalah 1. Download CodeIgniter 2.1.3 yang ane gunakan di tutorial ini 2. XAMPP sebagai server Apache dan MySql nya include 3. Template CSS (ane pake yang free saja download di free template) Ane annggap XAMPP nya sudah terinstal dengan sempurna dah CodeIgniter nya sudah di download,pertama yang mesti dilakukan yaitu extrax file CodeIgneter yang telah didownload tadi ke folder xampp/htcdoc/smm (tergantung selera)

Dari hasil extrakan tadi terdapat 2 folder yaitu folder System dan Aplication kemudian letakkan folder hasil extrakan template yang sudah di download tadi sejajar dengan folder Application dan System seperti gambar di atas.

Membuat Template CSS Code Igniter

www.odalanmedia.com

Setelah itu buka file Index.html dari template yang di download tadi

Dari file index.html ini akan di pecah menjadi beberapa bagian yaitu header,home,sidebar dan footer. Berikut ini masing-masing file hasil pemotongan index.html header.php

Membuat Template CSS Code Igniter

footer.php

www.odalanmedia.com

Sidebar.php

Membuat Template CSS Code Igniter

Content.php

www.odalanmedia.com

Untuk home.php dibuat dari memotong Index.html di bagian content nya ya dan di simpan didalam folder application/views/pages

Setelah selesai memecah file index.htm menjadi beberapa bagian, dan ditambahkan beberapa syntack untuk memanggil header,footer yang telah di bentuk tadi dan hasilnya disimpan dengan nama template.php di folder application/views.

Membuat Template CSS Code Igniter

www.odalanmedia.com

Setelah selesai semua baru kita mulai ke bagian controller agar view yang kita buat tadi dapat di tampilkan. Buat pages.php seperti dibawah ini

Membuat Template CSS Code Igniter

www.odalanmedia.com

Setelah pembuatan controller tadi lanjut ke bagian config setting autoloadnya $autoload['helper'] = array('url'); dan juga config.php dan route.php nya $config['base_url'] = 'http://localhost/smm'; (sesuaikan dengan yang digunakan ya)

$route['default_controller'] = "pages/home"; Setelah semuanya di setting silakan di coba buka di browser

Membuat Template CSS Code Igniter

www.odalanmedia.com

Silakan mencoba ya. Bru belajar buat menggabungkan template CSS dengan CodeIgniter besok ane lanjut lagi.