turorial 1

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 rada-

rada 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 www.odalanmedia.com footer.php

Sidebar.php

Membuat Template CSS Code Igniter www.odalanmedia.com Content.php

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


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


Silakan mencoba ya. Bru belajar buat menggabungkan template CSS dengan CodeIgniter

besok ane lanjut lagi.

turorial 1

Documents