Pages

Cara Menambah Slide Show Pada BLOG

Sabtu, 12 April 2014

Hello, Gan,,,,,, !!!!
Sapunapi Gatrane?
hehehe,,,


Oke Broo, ...Postigan kali ini Gue akan akan share tentang cara menambahkan Slide Show Pada BLOG kesayangan anda,emang sih kalo BLOG yang kita sayangi itu kalo gak isi asesorisnya kurang menarik ato membosankan nantinya.


Slide show ini fungsinya yaitu untuk menambahkan pcture-picture tentang kebudayaan,alam sekitar, tempat-tempat wisata,dll. Dan picture-picture yang kita upload akan berputar bergantian seperti sebuah video.

Nahh... Langsung saja Broo, Berikut dibawah adalah cara yang mudah untuk membuatnya :

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.

Tidak ada komentar:

Posting Komentar

 

Definition List

free counters