Cara membuat slide show gambar di Blog

Caranya :

1. Login ke blogger

2. Pilih Tata Letak kemudian Tambah Gadget

3. Pilih HTML/JavaScript

4. Masukan kode HTML berikut ini:

<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 250px;
}
</style>
<div id="content-slider">
<a href="#"><img src="URL Foto 1" /></a>
<a href="#"><img src="URL Foto 2" /></a>
<a href="#"><img src="URL Foto 3" /></a>
<a href="#"><img src="URL Foto 4" /></a>
</div>

5. Ganti tanda # dengan URL yang akan dituju Ganti URL Foto 1 dengan URL foto yang sudah upload

6. Anda bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.

7. Simpan jika sudah selesai.