Cara gampang pasang slide show foto di blog!

Oke, kawan2 blogger... kali ini saya mau posting gimana cara buat atau pasang slide show foto di blog. Karena emang, yang namanya halaman blog yang gak ada sentuhan foto atau gambarnya jadi terasa ngebosenin. Kalau udah bosen, pengunjung blog kawan pun gak akan lama bertahan. Bukan cuma jadi kayak pernak-pernik, foto2 juga bisa memberikan kesan tersendiri, ya kan?.


Sekarang, kita akan sama-sama belajar untuk membuat slide show, yaitu foto-foto yang ditampilkan secara bergantian dengan otomatis. Slide show ini bisa dipake untuk menampilkan banyak foto tanpa menyita banyak space. Karena foto2nya akan diputar layaknya sebuah video, jadi lebih menarik dan hemat tempat.
Slide show ini bisa dipake buat kamu yang mau nampilin foto liburan yang banyak, atau memajang foto-foto produk untuk toko online kamu. Cara untuk buat slide show ini juga sangat gampang! kamu gak perlu pintar photoshop ataupun flash. Kamu tinggal menyiapkan foto yang sudah diupload (dihosting). Kita bisa memanfaatkan post blogger, Picasa, Photobucket, dan lain-lain. Yang biasa saya pake sih di web ini>>> : http://postimage.org/
Cara Mudah Membuat Slide Show Foto di Blog
1. Login ke blogger
2. Pilih Tata Letak trus, pilih Tambahkan Gadget
3. Pilih HTML/JavaScript
4. Trus, masukin kode HTML 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 Foto 1" />
<img src="URL Foto 2" />
<img src="URL Foto 3" />
<img src="URL Foto 4" />
</div>

5. Kamu ganti URL Foto 1 s.d URL Foto 4 sama URL foto kamu yang sudah dihost (upload) tadi.
6. Kamu bisa juga menyesuaikan tinggi foto (height) dan lebarnya.
7. Kamu bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
7. Simpan kalo udah selesai. 

Gimana, gampang kan?

Semoga bermanfaat yaaa kawan2
Salam, Erie :)