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.
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.
sangat membantu sekali makasih infonya
BalasHapussun protection the body shop