Jumat, 03 Mei 2013

Cara Mudah Membuat Slideshow di Blogspot


Setelah lama akhirnya saya bisa juga menemukan bagaimana cara membuat slide di blog ini dengan cara simple dan sederhana. bagi kawan-kawanku yang merasakan hal yang sama dengan saya. Saya berikan caranya dengan gampang mudah, langsung saja praktek dengan mengikuti langkah-langkah dibawah ini :
1. Login Ke Blogger

2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/Java Script


<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></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. 

Tidak ada komentar:

Posting Komentar