Kamis, 26 Mei 2022

Cara Membuat Widget Gambar Slide Show Di Blog

  /     /   Tidak ada komentar   

 

Ikutilah langkah-langkah di bawah ini :


1. Klik Tata Letak.
2. Klik Tambah Gadget.
3. Pilih Gadget HTML/Javascript.
4. Kemudian (copy & paste Kode di bawah ini untuk memasukkan widget ini pada blog kamu).

<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 380px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 380px;
}
</style>
<div id="content-slider">
<img src="Masukkan URL Gambar Kamu Di Sini (GAMBAR UTAMA)" />
</div>

Keterangan :
  • width: 100%; adalah ukuran lebar, silahkan kamu ganti dengan selera yang kamu mau.
  • height: 380px; adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.
  • Ikuti perintah Kode yang saya beri warna merah. 

» Gambar Slide Show Ke Samping :

<marquee direction="left" onmouseover="this.stop()" scrollamount="3" onmouseout="this.start()">
<img src="Masukkan URL Gambar Kamu Di Sini" width="185" height="130">
<img src="Masukkan URL Gambar Kamu Di Sini" width="185" height="130">
<img src="Masukkan URL Gambar Kamu Di Sini" width="185" height="130">
<img src="Masukkan URL Gambar Kamu Di Sini" width="185" height="130">
<img src="Masukkan URL Gambar Kamu Di Sini" width="185" height="130">
<img src="Masukkan URL Gambar Kamu Di Sini" width="185" height="130">
<img src="Masukkan URL Gambar Kamu Di Sini" width="185" height="130">
<img src="Masukkan URL Gambar Kamu Di Sini" width="185" height="130">
<img src="Masukkan URL Gambar Kamu Di Sini" width="185" height="130">
<img src="Masukkan URL Gambar Kamu Di Sini" width="185" height="130">
</marquee>

Keterangan :
  • marquee direction="left" adalah gerakan slide show, kalau ingin membuat arah sebaliknya (tinggal ganti "left" menjadi "right").
  • Ikuti perintah Kode yang saya beri warna merah.
  • width="185" adalah ukuran lebar, silahkan kamu ganti dengan selera yang kamu mau.
  • height="130" adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.

5. Simpan Pengaturan.

0 comments:

Posting Komentar