CARA MEMASANG SLIDE SHOW DI BLOG

belajar bagai mana cara memasang SLIDE SHOW di BLOG

1. langkah pertama adalah kita masuk ke dalam blog kita

2. kemudian Masuk ke dashboard blog anda, lalu Pilih opsi 'Tata Letak'. 

3. Klik 'Tambahkan Gadget' lalu akan keluar pop-up, Pilih HTML/JavaScript.

4. Beri judul di kolom judul, lalu masukan kode HTML ke dalam kotak konten seperti berikut ini:

silahkan di copi paste kode HTML di bawah ini 

<script src='http://bagus-projec.googlecode.com/svn/trunk/ssdatabase.js' type='text/javascript'></script>
<script type="text/javascript" src="http://bagus-projec.googlecode.com/svn/trunk/slideshow.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">
<img src=" URL FOTO 1 " />
<img src=" URL FOTO 2 " />
<img src=" URL FOTO 3 " />
<img src=" URL FOTO 4 " />
</div>


5. Ganti tulisan berwarna merah "URL FOTO 1/2/3/4" dengan url foto anda yang telah di host atau di upload ke website album foto online seperti photobucket / picasa / flicker, dll. 

6. Anda bisa menambahkan sebanyak mungkin foto yang anda mau, tinggal menambahkan saja kode HTML URL FOTOnya. 

7. Bila anda sudah terbiasa mengedit kode HTML, anda bisa mengedit tinggi & lebar dari foto tersebut. Kode HTML yang saya berikan cocok untuk sidebar blog berukuran 250 pixel atau lebih.

selamat mencoba :)