Cara Gampang Membuat Efek SlideShow Foto Di Postingan Blog

Ini lah cara yang paling mudah (menurut saya) untuk membuat efek slide show foto atau gambar di postingan blog. Efek slide show foto yang DCC maksud disini adalah untuk menampilkan satu persatu foto dari beberapa foto secara berurutan. untuk lebih jelasnya lihat contoh gambar di bawah ini yang udah di kasih efek slide show.

Cara Membuatnya

1. Copas kode di bawah ini, lalu simpan di postingan blog.
<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: auto;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: auto;
   height: 250px;
}
</style>
<div id="content-slider">
<img src="URL Gambar/Foto 1" />
<img src="URL Gambar/Foto 2" />
<img src="URL Gambar/Foto 3" />
<img src="URL Gambar/Foto 4" />
<img src="URL Gambar/Foto 5" />
<img src="URL Gambar/Foto 6" />
</div> 

Keterangan
-Warna hijau adalah untuk merubah ukuran lebar gambar
-Warna biru adalah untuk merubah ukuran tinggi gambar
-Warna merah adalah tempat url gambar.


2. Masukan url gambar atau fotonya ke kode tadi. Bila belum punya url gambarnya, upload lah terlebih dahulu gambarnya ke postingan blog lalu ambilah url gambarnya.

Contoh cara mengambil URL gambar dari postingan blog. url gambarnya yang di kasih warna hijau.


3. Selesai dah, bila ada yang kurang dimengerti jangan sungkan-sungkan untuk bertanya pada kami.