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.
Belum ada tanggapan untuk "Cara Mudah Membuat Slide Show Foto di Blog"
Post a Comment