Rasanya ada yang kurang kalau blog kita tidak ada gambar atau fotonya. tapi kebanayakan foto juga tidak atau kurang bagus dan menakan tempat. agar blog tetap menampilkan banayk foto tapi tidak memakan tempat bahkan terlihat lebih menarik tampilkan foto foto anda dengan slide show.
Caranya anda tinggal memasukan kode HTML di bawah 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>
Rubah kata URL Foto 1 dengan URL gambar anda.
Mudah bangetkan? lihat contoh punya saya.
Posting Komentar