Siswa Magang : Cara Membuat Carousel Dengan Gambar

Kali ini Kita Akan MEmpelajari Tentang Carousel . Carousel Dapat Disebut Juga Sebagai Slidernya Bootstrap Karena Semua Style Dari Carousel Digunakan Untuk Membuat Slider. Berikut Ini Langkah Langkah Ynag digunakan untuk Membuat Carousel.

1. Buat File Html nya dan juga Copy Bootstrap Pada Folder Yang Sama

Cara Membuat Carousel Dengan Gambar

2. Sambungkan File Html dengan file Bootstrap Seperti Gambar Dibawah Ini.

Cara Membuat Carousel Dengan Gambar

3. Tulis Indikator Untuk Menjalankan Slider. Jumlah Indikator sesuai Dengan Banayaknya Gambar Yang Akan Ditampilkan.

Cara Membuat Carousel Dengan Gambar

4. Masukkan Gambar Yang Akan Ditampilkan Dengan Mengetik Kode Seperti Dibawah ini .

Cara Membuat Carousel Dengan Gambar

5. Masukkan Controller Agar Slider Dapat Berjalan Dengan Code Dibawah ini.

Cara Membuat Carousel Dengan Gambar

6. Inilah Hasilnya

Cara Membuat Carousel Dengan Gambar

Cara Membuat Carousel Dengan Gambar

Demikian Tutorialnya , Selamat Mencoba

Loading Facebook Comments ...