1) Login ke blogger
2) Pilih Edit template
3) Jangan lupa mencentang expand widget template
4) Copy kode berikut di atas tag </head>. Download scriptnya di sini
5) Simpan template
7) Tambahkan gadget, pilih html javascript
8) Copy kode di bawah ini. Download scriptnya di sini
9) Simpan
script src="http://kodecode.googlecode.com/files/animation2.js" type="text/javascript"></script><style type="text/css">
.amdhas { height: 282px; width: 502px; 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: 250px; width: 470px; 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="250" src="URL GAMBAR" width="470" />
<img height="250" src="URL GAMBAR" width="470" />
<img height="250" src="URL GAMBAR" width="470" /></div>
<script type="text/javascript">
$('#ke2').cycle({fx:'scrollDown',speedIn: 2000,speedOut: 500,easeIn:'bounceout',easeOut: 'backin',delay:-2000});
</script>
.amdhas { height: 282px; width: 502px; 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: 250px; width: 470px; 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="250" src="URL GAMBAR" width="470" />
<img height="250" src="URL GAMBAR" width="470" />
<img height="250" src="URL GAMBAR" width="470" /></div>
<script type="text/javascript">
$('#ke2').cycle({fx:'scrollDown',speedIn: 2000,speedOut: 500,easeIn:'bounceout',easeOut: 'backin',delay:-2000});
</script>
0 komentar:
Posting Komentar