Hai sobat bloger ketemu lagi dengan karya Anak Kidoel kali ini Karya Anak Kidoel akan membahas tentang bagaimana Cara membuat Slide Gambar terjatuh mungkin bagi sobat itu udh ngga asing lagi,



ok untuk melihat hasilnya kamu klik disini dan untuk cara membuatnya ikuti langkah - langkah di bawah ini :

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 kopi pastekan 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 warna merah silahkan ganti sesuai kebutuhan

Terima Kasih

Created By Syarief Hidayat



------------------------------------------------------------------------------------------