Diberdayakan oleh Blogger.

Tutorial Cara Mudah Membuat SlideShow Pada Blog

Tutorial Cara Mudah Membuat Slide Show Pada Blog- - -Situs atau blog yang tidak memiliki tampilan gambar akan mengurangi nilai keindahan pada blog dan akan menimbulkan kebosanan untuk melihat blog dan akbibatnya pengunjung blog tidak akan tahan lama.

Nah untuk membuat blog anda tampil lebih keren dan indah tentu ada baiknya kita menyetel tampilan pada blog dengan menambah tampilan gambar pada blog atau biasa disebut slide show yaitu foto-foto yang ditampilkan secara bergantian dengan otomatis. Slide show bisa digunakan untuk menampilkan banyak foto tanpa menyita banyak space. Karena foto akan diputar layaknya sebuah video, sehingga lebih menarik dan hemat tempat.

Berikut ini adalah Tutorial Cara Mudah Membuat Slide Show Pada Blog :
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. 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>
5. Ganti URL Foto 1 dengan URL foto yang sudah dihost (upload)
6. Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya.
7. Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
7. Simpan jika sudah selesai.

Demikianlah yang dapat disampaikan Dunia Komputer dan Internet mengenai Tutorial Cara Mudah Membuat Slide Show Pada Blog, semoga dapat bermanfaat dan bisa menambah ilmu pengetahuan bagi kita semua, baca juga artikel lainya mengenai Tutorial Mudah Cara Membuat Kotak Komentar Facebook Di Blog

0 komentar:

Posting Komentar

Copyright © Belajar Computer