- Back to Home »
- Pemograman Web »
- Slice Gambar / Gambar Bergerak Pada CSS Blogger
Posted by : Jefri Wijaya
17 Des 2015
Halo Semua Kali Ini Saya Akan Bagikan Info Seputar CSS Pada Sebuah Blogger Tentang Slice Gambar (Gambar Bergerak ) Pada Blogger 1. Login ke blogger2. Pilih Tata Letak kemudian Tambah Gadget3. Pilih HTML/JavaScript4. 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>
Ganti Link URL Foto Nya Dengan URL Gambar Yang Anda Ingin Kan
Yah Selamat Mencoba
Ingat Tentukan Ukuran Gambar Anda Sesuai Dengan CSS Anda!
^^ Sampai Jumpa ^^