Membuat css template untuk framework Codeigniter 1.7.2


Latar Belakang

Pada artikel saya sebelumnya, saya membuat sebuah aplikasi bukutamu/guestbook sederhana dengan CI tanpa menggunakan sebuah template web. sehingga untuk menyempurnakan aplikasi sebelumnya saya membuat sebuah template web untuk di framework CI. templatenya itu sendiri saya mencari di internet bisanya dengan kata kunci googling  “free css template”.

Artikel ini hanya rangkuman dari aplikasi yang sudah saya buat, sedangkan untuk tutorial templatenya sendiri secara lengkapnya bisa teman-teman baca di blog ini. karena saya sudah menggabungkan dari template dan aplikasi guestbook secara keseluruhan.

Tahap Persiapan

  1. Download CI 1.7.2
  2. Download Template
  3. Setelah itu extract file template  dan ubahlah index.hml menjadi template.php dan letakkan di direktori
    application/views
  4. Lalu ubahlah kode index pada file welcome.php didalam direktori application/controllers untuk menampilkan template template.php seperti berikut ini :
  5. Buatlah folder css dan images dalam dokumen root, kalau saya dalam direktori absensi seperti terlihat pada gambar dibawah ini:
  6. Lalu edit file template.php dalam folder application/views dan ubahlah kode dalam file tersebut menjadi seperti ini. untuk template header, tengah, kiri, footer intinya dari template asli di cut kemudia buat file masing-masing menjadi header.php, tengah.php, kiri.php, dan footer.php semuanya di simpan di folder controller/views
  7. Karena file style.css berada dalam direktori css maka jika dia mau mengakses folder images haruslah berbentuk seperti ../images. Untuk itu kata url(images/contoh_gambar.jpg) harus diganti dengan url(../images/contoh_gambar.jpg)
  8. Untuk menampilkan halaman content yang lain, kita membutuhkan link untuk memanggil halaman tersebut melalui sebuah controller. untuk link nya adalah sebagai berikut : buka file header.php di folder application/views
  9. Kemudian kita membutuhkan sebuah Controller bernama proses.php yang berada didalam folder application/controllers yang digunakan untuk memanggil methode nya
  10. Jangan lupa untuk setting file autoload.php di folder application/config untuk helper $autoload[‘helper’] = array(‘url’,’form’);
  11. Setting juga config.php di folder application/config untuk baseURL sesuaikan dengan link web anda $config[‘base_url’]    = “http://localhost/template/”;

Download

http://www.4shared.com/file/KjqE19Qr/template.html

Sekian artikel dari saya semoga dapat bermanfaat untuk teman-teman dan anda semua…aamiin

Depok, 25-09-2011

noname

Advertisements

6 Responses

  1. Makasih yah pencerahannya, sangat berguna banget nih buat saya pemula php framework codeigniter….

    Like

  2. keren gan….
    nice info

    Like

  3. mangtabs pisan Kang Agus..ngiring nyedot ah…

    Like

  4. mantab mas, makasi pencerahanya

    Like

  5. thank’s for your tutrials,
    good, 🙂

    Like

  6. makasih tutorialnya… 🙂

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: