Cara Membuat Website Dengan Background Slide Show Menggunakan Jquery
Pernahkah kalian melihat blog dengan background slide show atau background bergerak dengan slider, nah kali ini saya akan mencoba memberikan tips dan trik Cara Merancang Laman Dengan Background Slide Show Menggunakan Jquery. Di studi case kali ini kita akan membangun sebuah blog sederhana dengan background slide show, dapat teman – teman lihat di screen shoot nya di bawah ini yang nanti kita akan bikin
Oke mari seketika kita praktekkan, seperti biasanya siapkan text editornya dan copy script html nya di bawah ini
<!DOCTYPE html>
<html lang=en class=no-js>
<head>
<meta name=viewport content=width=device-width, initial-scale=1.0>
<title>Cara Merancang Laman Dengan Background Slide Show Menggunakan Jquery</title>
</head>
<body>
<div class=container>
<header>
<h1>Source Code Aplikasi</h1>
</header>
<fitur>
<ul>
<li><a href=>Home</a></li>
<li><a href=>Galerry</a></li>
<li><a href=>Contact</a></li>
<li><a href=>About</a></li>
</ul>
</fitur>
<div class=main>
<ul id=cbp-bislideshow class=cbp-bislideshow>
<li><img src=images/7.jpg alt=Pernahkah kalian melihat blog dengan background Cara Merancang Laman Dengan Background Slide Show Menggunakan Jquery/></li>
<li><img src=images/8.jpg alt=Pernahkah kalian melihat blog dengan background Cara Merancang Laman Dengan Background Slide Show Menggunakan Jquery/></li>
<li><img src=images/9.jpg alt=Pernahkah kalian melihat blog dengan background Cara Merancang Laman Dengan Background Slide Show Menggunakan Jquery/></li>
<li><img src=images/10.jpg alt=Pernahkah kalian melihat blog dengan background Cara Merancang Laman Dengan Background Slide Show Menggunakan Jquery/></li>
<li><img src=images/11.jpg alt=Pernahkah kalian melihat blog dengan background Cara Merancang Laman Dengan Background Slide Show Menggunakan Jquery/></li>
<li><img src=images/12.jpg alt=Pernahkah kalian melihat blog dengan background Cara Merancang Laman Dengan Background Slide Show Menggunakan Jquery/></li>
</ul>
</div>
</div>
</body>
</html>
Save dengan nama index.html, bagi image teman – teman dapat gunakan gambar apa saja asalkan gambarnya tak pecah dan aturlah image nya terlebih dahulu dengan ukuran 1024 x 628px. Langkah berikutnya kita tambahkan style css nya dan Jquery nya, teman – teman dapat unduh di link ini
Langkah berikutnya kita implementasikan Cara Merancang Laman Dengan Background Slide Show Menggunakan Jquery, paggil masing – masing sesuai namanya css dan Jquery nya.
Seperti yang kalian lihat di gambar di atas yang saya beri kotak berwarna merah, yaitu bagi memanggil css dan jquery nya yang tadi telah teman – teman unduh. Seandainya telah di panggil link nya, baru kita berikan script di gambar di bawah ini bagi mengaktifkan slidernya
Seandainya telah, save dan jalankan di browser nya. Karenanya membangun blog dengan background telah berhasil di bikin
Bagaimana, betul-betul gampang bukan..??
Bagus, demikian di artikel kali ini mengenai Cara Merancang Laman Dengan Background Slide Show Menggunakan Jquery. Kita berjumpa kembali di artikel berikutnya, semoga bermanfaat.
Terima Kasih dan Hingga Jumpa.
Sumber https://kursuswebsite.org