Hoyoh.... Udah lama ane gak posting men :D
Ya udah ane bakal posting gimana caranya ganti tema dalam sebuah halaman wesbite men, jadi ini sistemnya masih dalam 1 halaman BUKAN keseluruh seluk beluk halaman, ya maklumlah ilmu ane pas-pasan men belum nemu caranya kalau yang buat kesemua halaman :D. Tapi gpp lah yang penting ane sharing + sekalian buat refrensi ane kalau lupa ya tinggal ane buka aja nih blog punya ane :D. Ane pakek PHP + Bootstrap theme yang ane ambil dari sini men http://bootswatch.com . Jadi ntar theme bootstrapnya bakal berubah-ubah tuh.
Hayok dah langsung ke tutorialnya men :D


1. Download semua theme Bootstrap dari sini http://bootswatch.com

2. Bikin project PHP di C:\xampp\htdocs\theme , nama "theme" bebas sih bisa diganti sesuai yang diinginkan :D

3. Buat folder "assets/css/" yang berisi semua file theme bootstrap yang udah kita download tadi seperti gambar berikut :


File theme bootstrap yaitu dari "bootstrap.css s/d bootstrap_superhero.css".

4. Buka file index.php, isikan dengan script berikut ini men :



5. Inti dari pergantian tema tersebut terletak pada script berikut men, dimana kita menggunakan methode $_GET buat memanggilnya :





Kalau mau lihat demonya klik disini men DEMO 
Kalau mau download filenya klik disini men DOWNLOAD 

Monggo diotak-atik men, kalau ada pertanyaan jangan sungkan-sungkan corat-coret dibawah ya :D

Matur Nuwun Nggeh

Mengganti Tema Website (PHP + Bootstrap)

Hoyoh.... Udah lama ane gak posting men :D
Ya udah ane bakal posting gimana caranya ganti tema dalam sebuah halaman wesbite men, jadi ini sistemnya masih dalam 1 halaman BUKAN keseluruh seluk beluk halaman, ya maklumlah ilmu ane pas-pasan men belum nemu caranya kalau yang buat kesemua halaman :D. Tapi gpp lah yang penting ane sharing + sekalian buat refrensi ane kalau lupa ya tinggal ane buka aja nih blog punya ane :D. Ane pakek PHP + Bootstrap theme yang ane ambil dari sini men http://bootswatch.com . Jadi ntar theme bootstrapnya bakal berubah-ubah tuh.
Hayok dah langsung ke tutorialnya men :D


1. Download semua theme Bootstrap dari sini http://bootswatch.com

2. Bikin project PHP di C:\xampp\htdocs\theme , nama "theme" bebas sih bisa diganti sesuai yang diinginkan :D

3. Buat folder "assets/css/" yang berisi semua file theme bootstrap yang udah kita download tadi seperti gambar berikut :


File theme bootstrap yaitu dari "bootstrap.css s/d bootstrap_superhero.css".

4. Buka file index.php, isikan dengan script berikut ini men :



5. Inti dari pergantian tema tersebut terletak pada script berikut men, dimana kita menggunakan methode $_GET buat memanggilnya :





Kalau mau lihat demonya klik disini men DEMO 
Kalau mau download filenya klik disini men DOWNLOAD 

Monggo diotak-atik men, kalau ada pertanyaan jangan sungkan-sungkan corat-coret dibawah ya :D

Matur Nuwun Nggeh

3 comments:

  1. kalau pingin bisa ganti thema semua halaman pake framework aja. CI juga mantap :-d :-d :-d :-d :-d :-d :-d :-d :-d

    ReplyDelete
    Replies
    1. Wahh boleh dicoba tuh pak , kalau ada tutornya boleh dong disharing juga pak :)

      Delete
  2. bang itu $theme gak usah disimpan ke basisdata dulu kan yak?

    ReplyDelete

Silahkan anda berkomentar menggunakan bahasa yang baik dan sopan.