Cara Mudah Membuat Slide Show Foto di Blog

     
   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.

Share this post