Selamat Datang di Blog Saya

Senin, 12 Desember 2016

Cara Menambah Slide Show Photo

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: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 250px;
}
</style>
<div id="content-slider">
<img src="http://i58.photobucket.com/albums/g247/rifki00/nahdlatul-ulama-nu-indonesia900_zps8deoaur8.jpg" />
<img src="http://i58.photobucket.com/albums/g247/rifki00/HadhratusSyaikhKHHasyimAsyariPendiriNUdanPahlawannasional930x339_zpsrknmuwcn.jpg" />
<img src="http://i58.photobucket.com/albums/g247/rifki00/nu%201_zpsgvrnpgtx.jpg" />
<img src="http://i58.photobucket.com/albums/g247/rifki00/IMG20160425033622930x339_zpsdo1xsqb3.jpg" />
</div>

5. Ganti URL berwarna MERAH dengan URL foto yang sudah dihost (upload)
6. Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya.
7. Simpan jika sudah selesai.
Share:

1 komentar:

Terima Kasih Sudah Mengunjungi Blog Saya