TUTORIAL MEMBUAT HALAMAN ONLINE SHOP MENGGUNAKAN BOOTSTRAP

1. Aktifkan Xampp yang sebelumnya sudah terinstall pada komputer anda.

2.  Buat folder baru yaitu “Online_Shop” di dalam folder htdocs.
3.Copy-kan file” bootstrap-4.0.0-dist.zip” ke dalam folder “Online_Shop” kemudian Extrac File tersebut.
4. Buat folder images untuk menyimpan gambar yang akan ditampilkan pada halaman web dan hapus saja file “bootstrap-4.0.0-dist.zip”.
5. Masukkan semua gambar yang akan digunakan pada tampilan web.
 
6. Buka teks editor yang akan anda gunakan.

7.  Buat halaman baru pada folder Online_Shop dengan nama file“index.php” kemudian ketikan script berikut.
8. Kemudian buka menu Bootstrap pada browser anda.

9. Lalu akan tampil hamalan web seperti ini.

10. Lalu akan tampil hamalan web seperti ini.

11. Untuk menampilkan halaman seperti ini.
12. Pilih Card pada menu Components dan copykan Coding nya.

13. Dan inilah tampilan akhir dari langkah-langkah diatas.
Terima Kasih
SEMOGA POSTINGAN INI BERMANFAAT  :)
Wassalamu'alaikum Wr.Wb

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Membuat Mobil Bergerak di NetBeans 8.2

Gambar
Cara Membuat Mobil Bergerak 1.        Langkah pertama buka aplikasi Netbeans 2.        Lalu klik New Project 3.        Kita Bikin file baru, dengan pilih type class java. Lalu tekan Next. Dan beri nama filenya. 4.        Lalu akan muncul seperti ini 5.        Lalu kita import LWJGL dengan dengan sorce code 6.        Pastikan kita sudah mengimport dulu LWJGL nya, 7.        Di dalam Public Class kita ketikan kode di bawah ini,untuk membuat atapnya public class Projectmobil {   float x = 400, y = 300;     float rotation = 0;     long lastFrame;     int fps;     long lastFPS;     //Kecepatan putaran     float...
Baca selengkapnya

Tutorial Load Suara pada Display LWJGL di Neatbeans

Gambar
Buat postingan kali ini, Saya mau share tentang cara membuat aplikasi yang bisa memainkan sound/suara di Netbeans. Sebelumnya silahkan Download terlebih dahulu komponen yang dibutuhkan: 1.  LWJGL 2.  Slick-Util Kalo udah di download, selanjutnya ikutin langkah-langkah dibawah. 1. Bikin  dulu project baru,  File > New Project  atau bisa juga keyboard shortcut  ctrl+shift+n     2.  Pilih New Project langsung klik next     3.  Selanjutnya silahkan kasih nama projectnya.. di project kali ini saya kasih nama  SlickUtilSound1 lalu klik finish     4. Lalu masukin library LWJGL, untuk caranya bisa liat  disini               - Maka akan muncul seperti dibawah ini, kemudian pilih LWJGL yang telah anda simpan     5.  Selain library LWJGL, ada library tambahan lagi nih. Klik kanan...
Baca selengkapnya