Membuat Slideshow Gambar di Halaman Posting Blogger

Membuat SlideShow Gambar di Halaman Posting Blogger 

Langkah membuatnya sebagai berikut;

  • 1.Login ke blogger
  • 2.Pilih Entri Baru 
  • 3.Beri judul halaman dan ketik konten artikel
  • 4.Pilih mode HTML
  • 5.Masukan kode HTML berikut 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>
  • Ganti URL Foto 1 dengan URL foto yang sudah di upload
  • Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya.
  • Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
  • Simpan jika sudah selesai. 
Monggo di coba.