Belajar Membuat Website dengan Bootstrap 4 #3 | Slider

 

Hello Guys...^_^

Kali ini kita akan melanjutkan sesi Belajar membuat Website dengan Bootstrap 4 bagian 3,

Lebih detail nya, kali ini kita akan membuat Slider pada body websitenya

Bahan - bahan
1. PC atau Laptop
2. Koneksi Internet
3. Kode Editor

Oh iya, untuk kalian yang belum mengikuti sesi Belajar membuat Website sesi sebelumnya, kakak saranin kalian untuk melihatnya terlebih dahulu, agar kalian nanti dapat mengikuti sesi belajar kali ini dengan mudah.
Sesi sebelumnya dapat kalian lihat di sini

Langkah - langkah
1. Buka kode editor kalian, buka file index.html, jika kaliian telah mengikuti sesi belajar sebelumnya, kalian telah mempunyai file index.html seperti ini

2. Buka Browser kalian, arahkan ke website dari Bootstrap

3. Pilih get started, pilih component, kemudian pilih carousel

4. Sekarang kalian pilih slider mana yang ingin kalian gunakan

5. Jika sudah memilih, kita copy kode nya dan kita paste di bawah navigation bar

6. Ganti <img src="..."> menjadi <img src="LOKASI FILE GAMBAR">

7. Save file, kemudian kita buka hasilnya di browser

8. Jika telah muncul gambar slidernya, maka
Selamat, Kita telah dapat membuat slider dengan bootstrap 4

Okey Guys
Kita telah berhasil membuat slider pada website dengan bootstrap 4

Untuk sesi selanjutnya kita akan membuat body about , makanya jangan lupa ikuti terus tutorial menarik lainnya ya...
hanya di http://unixhows.blogspot.com

Terima Kasih telah berkunjung
Bye Bye ^_^