Membuat Slide Foto di Blog

Punya koleksi foto yang bagus-bagus perlu juga di tampilkan diblog, berikut pengetahuan kali ini yang akan share tentang membuat tampilan slide foto di blog, langsung saja bagaimana cara Membuat Slide Foto di Blog, masuk login ke accoun blogger anda ke dasboard blog anda, selanjutnya
1. Masuk  tata letak
2. Tambah Gadget
3. Pilih HTML
4. Copy dan Paste Kode dibawah 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 : ganti tulisan merah ( URL foto ) dengan url foto anda.

Sedikit saran jika menggunkan widget ini untuk dipasang diblog gunakan gambar-gambar yang berukuran jangan kurang dari 150 pixel karena mempengaruhi loading blog kalau meggunanakan foto dengan ukuran size besar. kalau mempengaruhi loading blog, sebaiknya hilangkan saja, karena saya orangyang berkunjung bisa dijadi mengunjungi blog anda karena terlalu lama menunggu.

Oke selamat mencoba

Dukung blog ini caranya berbelanja online di www.tokofaiz.com klik disini www.tokofaiz.com



Comments