My Blog List

TKJ 3 SMKN Bantarkalong

Home » » Cara Membuat slide show foto di blog

Cara Membuat slide show foto di blog

Cara Membuat slide show foto di blog :
  1. Masuk ke blog Anda
  2. Pilih Tata Letak
  3. Di Halaman Tata Letak pilih Tambahkan gadget
  4. Pilih HTML/Javascript
  5. Kemudian masukkan 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>


Catatan :
  1. YAng di beri warna merah ganti dengan kode URL foto anda.
Terimakasih....Selamat Mencoba !!! Cara Membuat slide show foto di blog
Share this on your favourite network

0 komentar:

Post a Comment

Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus
Subscribe me on RSS