Cara Membuat Slide Show Gambar di Blog Dengan Efek Fade

Huufftt... setelah semalaman saya cari tahu cara membuat gambar dengan Slide Show efek Fade pada blog, Akhirnya Ketemu Juga, kali ini saya akan menshare sedikit cara Membuat Slideshow Gambar/Foto Diblog.

Sebelumnya siapkan dulu Foto/Gambar yang akan dijadikan Foto Slidenya, Atau Kunjungi http://www.flickr.com atau http://www.picasa.com dan kemudian silahkan Upload Foto Anda yang akan dijadikan Slide show dengan Format Jpg. sesuai dengan Ukuran yang diinginkan.

Setelah  itu Masuklah ke akun Blogger masuk ke Tata Letak > Add Gadget > HTML/JavaScript > Kemudian Copykan Script dibawah 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"> <img src="URL Gambar 1" /> <img src="URL Gambar 2" /> <img src="URL Gambar 3" /> </div>

Note : Untuk tulisan URL Gambar. 1, 2 dan 3 silahkan kamu ganti dengan URL gambar yang telah di upload tadi.....

Kemudian terakhir save dan coba lihat hasilnya.