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

Support Blog ini dengan berkunjung dan berbelanja online di situs www.lapakdigital.web.id klik disini Informasi Produk Digital, produk rumahan, peluang usaha online


Comments

Popular posts from this blog

Contoh Kata-kata untuk promosi Ekskul PMR

Inilah Beberapa Keuntungan Menyewa Genset Surabaya di Sewatama

Pilihan Deodorant Anti Noda Tanpa Bau Badan