Memasang Slideshow di Blog

Slideshow sebenarnya sudah tidak asing lagi didengar. Slideshow adalah tampilan objek berupa foto, video dan objek lainnya yang saling bergantian dalam waktu tertentu secara terus menerus. Biasanya bagi para blogger, slideshow ini dibuat untuk mempercantik tampilan blog sehingga tampak begitu elegan dimata pengunjung.
Untuk memasang slideshow di blog sebenarnya sangat mudah, Anda hanya perlu sedikit sentuhan dan merubahnya agar tampak lebih mantap. Bagi para blogger khususnya pemula seperti saya, saya akan coba membagikan caranya. Yang sudah saya coba adalah di blogspot.com, untuk di wordpress.com pasti tidak jauh beda. Simak langkah-langkahnya sebagai berikut :
1. Login ke blogger
2. Pada Dashboard blog, pilih Tata Letak > tambahkan gadget > Pilih HTML/Java Script

3. Copy kode HTML berikut dan paste ke dalam kotak konten HTML tersebut

<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: 230px;

}

</style>

<div id="content-slider">

<img src="URL Foto Anda"/>"

<img src="URL Foto Anda"/>"

<img src="URL Foto Anda"/>"

<img src="URL Foto Anda"/>"

</div>

4. Ganti tulisan “URL Foto Anda” dengan link gambar milik Anda

5. Anda bisa menambahkan beberapa gambar lagi dengan cara menambah kode HTML berikut, dan seterusnya

<img src=URL Foto Anda"/>

6. Simpan dan lihat hasilnya. Jika belum berhasil, ulangi lagi sampai benar-benar berhasil

***