Rabu, 26 Maret 2014

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.

0 komentar:

Posting Komentar

 
Copyright kata kunci google All Rights Reserved
Powered by Alat Rekaman
ProSense theme created by Dosh Dosh and The Wrong Advices.
Blogerized by Bonard Alfin Forum Distorsi.