Cara memasang Galery gambar terjatuh

Tidak ada komentar

cukup pasang kode di bawang ini di code HTML blog mu.

<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: 150px; width: 190px; padding:0; margin:0; overflow: hidden; -webkit-box-shadow: 2px 2px 15px #000;-moz-box-shadow: 2px 2px 4px #000;-moz-border-radius: 10px; -webkit-border-radius: 10px;}.amdhas img { height: 140px; width: 180px; padding: 5px; border: 1px solid #ccc; background-color: #000;-webkit-border-radius: 10px;-moz-border-radius: 10px;}</style>

<div class="amdhas" id="ke2">

<img height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxRs08P3k1vyEYtO8Qrx_ebt1bZe80J2Zxe0D6vtnJCsOGetCCFC3O8FcXG-a91HvAB9NBREwvp06OINVxfFC_8DDxPKD3QM9FtQ7EGeiBwgGbqD1dID9iimECcAd4lmKj6DhSLXv-Xwg9/" width="150" />

<img height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrw4cfESR3tMCBycWUi7Z81Fk5Rm8pDLTn5D06sLx4K-3qlO0mWjLmS4_i2CNrOZ5LtC5hvmP6SupUl46lWxMBeVddZ8NpGAwDS1S7O7jhVZJIVqGHYH4uneSw4yzOZPD_1M6H3Bx6irHk/s512/ONDA_WaterMeter.JPG" width="150" />

</div><script type="text/javascript">$('#ke2').cycle({fx:'scrollDown',speedIn: 2000,speedOut: 500,easeIn:'bounceout',easeOut: 'backin',delay:-2000});</script></div>

Note:
Ganti tulisan warna Biru dengan url gambarmu.
width:150px = Lebar

height:150px = Tinggi

Demikian Tips nya semoga sukses!

Jika Kurang mengerti silahkan hubungi kami....!

Tidak ada komentar :

Posting Komentar

Langganan: Posting Komentar ( Atom )