Membuat Slide Show di Blog

 

Assalamualaikum wr.wb

Sobat, kali ini saya ingin share cara buat slide show foto di blog, terkadang saat lihat blog tanpa adanya foto itu terasa kosong kan? membosankan? gitu gitu aja, berbeda ketika di halaman blog kita ada sesuatu yang bergerak seperti foto yang bergerak atau slide show di tampilan utama, ya setidaknya mengurangi rasa bosan pengunjung atau kita sendiri. Juga menghapus kesan statis di blog kita, yosh tanpa bertele tele lagi langsung saja ke CARA MEMBUATNYA:

 Cara Mudah Membuat Slide Show Foto di Blog
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut 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. Ganti URL Foto 1 dengan URL foto yang sudah dihost (upload)
6. Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya (width).
7. Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
8. Simpan jika sudah selesai
9. Wtur posisi dimana widget akan di simpan
10.Jika sudah Simpan template 

Sisanya tinggal lihat deh hasilnya
Mudah bukan??? selamat mencoba ya sobat ... :)