Cara Mudah Membuat Slide Show Blogspot

Syukur,
Hari ini Wani berjaya mencuba membuat slideshow di sidebar blog IbuCakna ni. Itupun setelah menggoogle beberapa website lain untuk rujukan.

Dan Wani sangat puas hati dengan perkongsian daripada kurniasepta.blogspot atas perkongsian yang mudah difahami. Kat sini Wani pos kan semula cara membuat slideshow tu.

Bukan apa, supaya mudah Wani nak rujuk di kemudian hari. Juga sebagai perkongsian buat rakan-rakan alam maya yang lain kan.

----------------------------------------------------
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.
7. Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
7. Simpan jika sudah selesai.
-----------------------------------------------------------------------------------------------------------------
Taraaa, senang kan.

Moga entry kali ini bermanfaat buat rakan-rakan semua.

#ibucakna
120754H Disember 2015