Breaking News

Slide Show

Wednesday, September 3, 2014

Cara membuat Slide Show di Blogspot


Slide show diblog

Hay sobat mungkin banyak yang bertanya, gimana sih cara buat slide show di blogspot..??
pertama gue juga bingung gimana caranya, tapi setelah menanyakan ke mbah google gue di kasih jawaban
heheh...
terimahkasih buat sumber yang udah ngasih postingan tentang membuat slide show, :D

Cara Mudah Membuat Slide Show Foto di 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: 350px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 350px;
}
</style>
<div id="content-slider">
<img src="url foto yang ingin di tampilkan"/>
<img src="url foto yang ingin di tampilkan"/>
<img src="url foto yang ingin di tampilkan"/>
<img src="url foto yang ingin di tampilkan"/>
</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
Read more ...