English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

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

0 komentar:

Poskan Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More