Cara membuat gambar slide pada blog Cara membuat gambar slide pada blog

Cara membuat gambar slide pada blog

Blogmaslukis_kali ini akan bahas gimana nih cara membuat slide gambar pada blog anda pasti tau dan pasti ingin mencobanya..jangan ragu2 mumpung ada kesempatan ngeblog sejenak saya membahas itu..itu..

jangan cemas saya gak banyak basa basi soalnya gan males omong..maklum gan.orang yang diem maklum gak punya kata<hahahahaha>

ya udah la aja gak usah basa basi..biar cepet jadi  tuh slidenya mas agan...

 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
moga manfaat aja ya gan ane pamit dulu jangan lupa coment.