v Sesuaikan ukuran foto sesuai ukuran pada script
menggunakan “Paint”
v Upload Foto yang akan di gunakan di photobucet.
v Masuk Pada Dashborad Blogger.com
v Klik Pada Tambahkan Gadget > HTML/JavaScript >
Paste Script > Paste URL foto bucket pada Script Slide Show Foto >
Simpan.
v Maka hasilnya akan seperti 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://i50.photobucket.com/albums/f334/dedot93/1_zpsrw06ta4d.jpg" />
<img src=" http://i50.photobucket.com/albums/f334/dedot93/2_zps5oq2kuza.jpg " />
<img src=" http://i50.photobucket.com/albums/f334/dedot93/3_zpszvpqbvll.jpg " />
</div>
<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://i50.photobucket.com/albums/f334/dedot93/1_zpsrw06ta4d.jpg" />
<img src=" http://i50.photobucket.com/albums/f334/dedot93/2_zps5oq2kuza.jpg " />
<img src=" http://i50.photobucket.com/albums/f334/dedot93/3_zpszvpqbvll.jpg " />
</div>
0 comments:
Post a Comment