Cara Membuat Slide Gambar dari Atas ke Bawah

Penasaran gimana sih caranya buat slide show yang saya bikin di widget atau post ini
Yuk ikutin caranya berikut :

Untuk Blogger

1. Masuk ke Design >> Edit HTML
2. Cari kode </head> dan letakkan kode di bawah ini di atas kode </head> tsb :

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js” type=”text/javascript”></script>

kemudian Save Template
3. Sekarang masukkan kode di bawah ini di post html atau widget html kamu

<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 id=”ke2″>

<img height=”200” src=”URL GAMBAR1 DI SINI” width=”400” />

<img height=”200” src=”URL GAMBAR2 DI SINI” width=”400” />

<img height=”200” src=”URL GAMBAR3 DI SINI” width=”400″ /></div>

<script type=”text/javascript”>

$(‘#ke2′).cycle({fx:’scrollDown’,speedIn:  2000,speedOut: 500,easeIn:’bounceout’,easeOut: ‘backin’,delay:-2000});

</script>

Ganti warna biru dengan url gambar kamu, dan ganti warna merah dengan ukuran gambar yang kamu inginkan

dan Save

Untuk WordPress

Sebenarnya hampir sama dengan di atas, namun langkah penempatannya sbb:
Masuk Menu Appearance >> Editor >> header.php
nah cari deh kode </head>
langkah ke 2 dan 3 sama seperti yang di BLOGGER
Selamat Mencoba ya..

Bookmark this post:blogger tutorials Social Bookmarking Blogger Widget