Sahabat kredibel,
Tentu keindahan merupakan sesuatu yang wajib bukan. Apalah jadinya bila blog atau website kita tak indah dipandang. Semua hanya terkesan monoton dan akhirnya pengunjung juga akan segera meninggalkan blog kita. Baik berikut akan saya paparkan bagaimana cara agar blog kita bisa lebih hidup dengan tampilan slide show.
1). Login ke Blogger.com
2). Pilih Lay Out
3). Tambahkan Gadget
4). Pilih menu Script/Html
5). Masukkan kode berikut :
<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>
6). Ganti tulisan warna merah dengan url sobat
7). Silahkan di preview dan simpan
Oke selamat mencoba semoga berhasil,
Salam Kredibel!
Tentu keindahan merupakan sesuatu yang wajib bukan. Apalah jadinya bila blog atau website kita tak indah dipandang. Semua hanya terkesan monoton dan akhirnya pengunjung juga akan segera meninggalkan blog kita. Baik berikut akan saya paparkan bagaimana cara agar blog kita bisa lebih hidup dengan tampilan slide show.
1). Login ke Blogger.com
2). Pilih Lay Out
3). Tambahkan Gadget
4). Pilih menu Script/Html
5). Masukkan kode berikut :
<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>
6). Ganti tulisan warna merah dengan url sobat
7). Silahkan di preview dan simpan
Oke selamat mencoba semoga berhasil,
Salam Kredibel!