Aloha !
Kali ini saya akan membagikan tutorial berupa cara untuk membuat slideshow dengan link/url. Tanpa basa-basi, inilah tutorialnya.
1.Login Blogger
2.Pergi ke halaman Tata Letak lalu klik tulisan tambah gadget.
3.Pilih HTML/JavaScript
4.Masukan Kode dibawah 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">
<a href="LinkURL"><img src="PhotoURL" /></a><a href="LinkURL"><img src="PhotoURL" /></a>
</div>
Kode 250 adalah kode yang menunjukan lebar posisi photo.
Kode 250 adalah kode yang menunjukan lebar photo.
Kode LinkURL adalah kode yang menunjukan link yang dituju saat photo diklik
Kode PhotoURL adalah kdoe yang menunjukan DirectLink photo yang akan dipasang.