Assalamu'alaikum....Selamat Datang di MATAHARI DUNIA GUNUNGSARI....Blog anak Desa Gunungsari Kecamatan Baureno Kabupaten Bojonegoro BOJONEGORO DEVELOPMENT COMMITTEE (BOJODEC) adalah Organisasi Yang Bergerak Dalam Bidang Sosial Kemanusian. Bergabunglah Bersama Kami Untuk Bojonegoro Sejahtera Lahir dan Bathin

Sabtu, 04 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" 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. 

Tidak ada komentar:

Posting Komentar