JQUERY SLIDE

DEMO

script ini dapat di pasang di blogger cara masang nya cikuplah mudah anda cukup mengikuti cara di bawah

1. Seperti biasa log in blogger

2. masuk ke Rancangan, Edit Html

3. Cari kode </head> dan letakkan kode berikut
di atas kode tadi :

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

sumber =http://tipsdantrikbloging.blogspot.com