Foto ataupun gambar sangat berperan penting bagi kita untuk memulai berbisnis online, maka dari itu kita harus pintar pintar mengatur gambar ataupun foto di dalam blog agar tidak menyita banyak ruang di blog.
Nah, kali ini aku akan memberi tahu cara membuat Slide show gambar pada postingan blog. Hal yang pertama kali kita lakukan ialah siapkan foto ataupun gambar yang akan di upload, terserah kamu mau seberapa banyaknya karena slide show ini tidak membatasi jumlah foto yang akan kita tampilkan. Kemudian foto tersebut kamu upload dahulu kedalam file hosting, terserah kamu mau pake file hosting yang mana.
Ketika semua foto sudah di unggah, sekarang kamu ikuti cara cara seperti di bawah ini :
- Login ke blogger kamu
- Pilih Post
- Pilih Create New Post
- Kasih judul pada artikel kamu
- Pilih HTML
- Masukkan kode html seperti 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="Insert URL IMAGE" />
<img src="Insert URL IMAGE" />
<img src="Insert URL IMAGE" />
<img src="Insert URL IMAGE" />
</div>
Mudahkan teman teman , itulah cara membuat menu slide show di dalam postingan blog. Jangan lupa baca juga artikel artkel yang lain