Ayo Belajar HTML CSS | Cara Membuat SlideShow Auto #3

A.Pendahuluan
Assalamu’alaikum Wr.Wb. Hay hays kembali lagi di blog sederhana saya, pada kesempatan kali ini saya akan melanjutkan proses pembuatan layout yang saya buat sebelumnya. Baca Juga Chapter #1 dan Chapter #2.

B.Latar Belakang
Dalam kesempatan ini saya akan sharing sedikit bagaimana membuat sebuah SlideShow di HTML, CSS, Java Script. 

C.Maksud dan Tujuan
Ingin membuat suatu layout website. 

D.Pembahasan
Hay gays , Pada hari kemarin kita telah membuat Hover Menu. Setelah kita membuatnya selanjutnya saya akan menambahkan Image Slides pada layout yang akan kita buat. Ok langsung saja kita buat layout yang kemarin kita buat.

Untuk membuat image slides pertama kita buat tag <div> terlebih dahulu untuk membagi halaman pemetaan gambarnya sama seperti Chapter #1 dan Chapter #2. Setelah membuat tag <div> kalian masukkan tag <img> untuk memberikan gambar yang akan di gunakan dan jangan lupa untuk memberikan atribut class di Imagenya. Contoh seperti gambar dibawah. Oh iyya, disini kita menggunakan tag <script> agar Image dari gambar dapat berpindah.

Setelah script pada html telah selesai kalian buat selanjutnya kalian buat file css dengan kode seperti di bawah.

E.Kesimpulan
Dalam pembuatan SlideShow disini saya menggunakan script agar lebih praktis. Download W3school Offline Google Drive.

F.Penutup
Nah itulah tadi hasil dari kodingan yang telah dibuat semoga artikel ini dapat bermanfaat bagi anda. Wassalamu’alaikum Wr.Wb.

G.Referensi
Teman-Teman Di BLC Telkom Klaten