Membuat Slide show foto Di bLog/site

Membuat Slide show foto Di bLog/site

Seperti pada judul di atas ya itu akan di bahas kali ini heheheee.... membuat slide show foto ga rumit kok....
yang pertama anda harus memili URL Gambar yang biasa di Upload dulu ke photobucket, picassa, dll...

1. Login ke blog anda


2. Masuk Ke Tata Letak

3. Klik Tambahkan Gadget

4. Kemudian Pilih Tambahkan HTML/Javascript

5. Kemudian Copy Code Berikut

<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">
<img src="http://i1114.photobucket.com/albums/k527/forumalb/12.jpg"/>
<img src="http://i1114.photobucket.com/albums/k527/forumalb/11.jpg"/>
<img src="http://i1114.photobucket.com/albums/k527/forumalb/10.jpg"/>
<img src="http://i1114.photobucket.com/albums/k527/forumalb/13.jpg"/>
</div>

6. Link yang berwarna merah itu adalah Link gambar yang akan menjadi slide Jadi ganti Link tersebut menjadi Link gambar anda sendiri....

7. Paste Ke Dalam Gadget Kosongkan Judulnya

8. Simpan
9. Selesai

Selamat mencoba
bentuk menghargai artikel ini tolong share ke facebook/google plus