Menu

Memasang template bootstrap di codeigniter

May
16
2017
by : Andreas. Posted in : Belajar CodeIgniter
5/5 (3)

BELAJAR CODEIGNITER – Cara memasang | menggabungkan tema – template Bootstrap di framework codeIgniter

twitter bootstrap css framework - Memasang template bootstrap di codeigniter

Berikut adalah langkah dan panduan memasang template | tema Bootstrap di codeigniter

TAHAP PERTAMA

Download file Codeigniter versi terbaru : https://codeigniter.com/download

Install codeigniter seperti biasa, panduan cara install codeigniter: baca disini

NOTE: berinama projects anda : latihan1 atau suka2 anda

dalam pelatihan atau belajar codeigniter vs bootstrap akan memakai server lokal | localhost xampp windows, pastikan software xampp telah terinstall dan sudah dalam posisi running.

TAHAP KEDUA

Download file template Bootstrap versi home Blog :

codeigniter vs bootstrap - Memasang template bootstrap di codeigniter

Gambar 1.0 tampilan boostrap home blog

Link download:

https://github.com/BlackrockDigital/startbootstrap-blog-home/archive/gh-pages.zip

Exrak file bootsrap > rename folder : startbootstrap-blog-home-gh-pages menjadi assets  selanjutnya copy kedalam folder codeigniter | projects latihan.

codeigniter vs bootstrap1 - Memasang template bootstrap di codeigniter

masuk ke folder assets > buka file index.html

copy isi kode yang ada di file index.html untuk menggantikan kode yang ada di file :

application > views > welcome_message

jika sudah berhasil dalam proses copy maka selanjutnya edit | ganti code :

kode 1 bagian header

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/blog-home.css" rel="stylesheet">

Menjadi:

<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/blog-home.css" rel="stylesheet">

kode 2 bagian footer

<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>

Menjadi:

<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap.min.js"></script>

Catatan : sampai disini proses memasang tema bootstrap di codeigniter telah selesai, anda dapat melihat hasil nya lewat browser dengan ketikan url : localhost/nama_folder

maka akan mendapatkan tampilan seperti Gambar 1.0 tampilan boostrap home blog di atas.

 

VIDIO PANDUAN

DOWNLOAD FILE LATIHAN1 CODEIGNITER VS BOOTSTRAP

artikel lainnya Memasang template bootstrap di codeigniter

Wednesday 17 May 2017 | Belajar CodeIgniter

Tutorial views – menampilkan data dari database [phpmyadmin] di codeigniter menggunakan localhost xampp windows PERTAMA Buat…

Friday 19 May 2017 | Belajar CodeIgniter

tutorial cara input – insert – tambah – simpan data baru di codeigniter dengan database mysql…