Cara membuat Slide Gambar terjatuh

Cara membuat Slide Gambar terjatuh 

 1. Seperti biasa log in blogger


2. masuk ke Rancangan, Edit Html

3. Cari kode </head> dan letakkan kode berikut
di atas kode tadi :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
type="text/javascript"></script>


Simpan template.........

Selanjutnya COPAS kode di bawah ini pada edit Html Postingan atau pada tambah
Gadget Html.Java script,,, sesuai kebutuhan :

<script src=" http://kodecode.googlecode.com/files/animation1.js
" type="text/javascript">

</script><script src="http://kodecode.googlecode.com/files/animation2.js"
type="text/javascript"></script>

<script src="http://kodecode.googlecode.com/files/animation3.js"
type="text/javascript">

</script><style type="text/css">

.amdhas { height: 232px; width: 432px; padding:0; margin:0; overflow: hidden;
-webkit-box-shadow: 2px 2px 4px #000;-moz-box-shadow: 2px 2px 4px #000;-moz-border-radius:
10px; -webkit-border-radius: 10px;}.amdhas img { height: 200px; width: 400px;
padding: 15px; border: 1px solid #ccc; background-color: #f8f8ff;-webkit-border-radius:
10px;-moz-border-radius: 10px;}</style><div class="amdhas"
id="ke2">

<img height="200" src="URL
GAMBAR DI SINI
" width="400"
/>

<img height="200" src="URL
GAMBAR DI SINI
" width="400"
/>

<img height="200" src="URL
GAMBAR DI SINI
" width="400"
/></div>

<script type="text/javascript">

$('#ke2').cycle({fx:'scrollDown',speedIn: 2000,speedOut: 500,easeIn:'bounceout',easeOut:
'backin',delay:-2000});

</script>
Yang berwarna merah adalah ukuran gambar, bisa di atur
sesuai selera

Yang berwarna hijau adalah alamat gambar
5.Simpan

Selamat mencoba
Share:

0 komentar:

Posting Komentar