Menambahkan Slide Show ke blog

Written By Risal Fajar Amiyardi on Wednesday, November 27, 2013 | 8:17 AM

Slide show adalah foto-foto yang ditampilkan bergantian secara otomatis. Demonya bisa anda lihat pada blog ini.

Cara Membuat

1. Klik Tata Letak
2. Tambahkan Gadget
3. Klik Javascript/HTML, masukkan kode berikut
<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>
 4. Ganti URL Foto dengan URL foto anda yang sudah diupload
 5. Untuk menambahkan foto lagi, tambahkan kode seperti <img src="URL Foto 4" />
 6. Anda juga bisa menyesuaikan tinggi dan lebarnya
 7. Klik simpan
Blog, Updated at: 8:17 AM

0 comments:

Post a Comment

Kalo COPAS sertakan sumber dengan link aktif !
Peraturan Berkomentar
- Bahasa sopan dan cinta damai
- Dilarang nyepam
- Link Hidup Akan Otomatis Mati