hoi, Mau share duy, cara membuat sebuah SLIDER dalam blog kamu biar lebih ganteng nan tambah menawan. Gampang bet kalau mau bikin begituan. Langsung ja ya. Oiya, tapi sebelumnya, kalian harus mempunyai sebuat image hosting, layaknya photobucket.
1. Log in ke blog kamu. karena kalau belum Log in, kaga bakal bisa
2. Masuk ke Layout
3. Click "Add a Gadget"
4. Nah, cari yang namanya HTML
5. Masukkan 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="#"><img src="url link foto" />
<a href="#"><img src="url link foto" />
<a href="#"><img src="url link foto" />
</div>
<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="#"><img src="url link foto" />
<a href="#"><img src="url link foto" />
<a href="#"><img src="url link foto" />
</div>
ket:
# : Isi URL tujuan
ijo : URL untuk slider kamu, dari image hosting, ambil kode "Direct Link"
0 coments