Hai sobat, ada yang lagi kebingungan "cara membuat slide photo di blog" kalian ya.
Tadinya sih admin juga gak tahu caranya, tapi admin sekarang mau share ke semua gimana sih " cara membuat slide photo di blog ".
nah ikuti langkah-langkah dari admin ya!!!
1. Login ke blogger dulu pastinya ya.
2. Masuk ke Template
3. Edit Html
5. Cari kode </head>, kalau sulit Ctrl+f "tulis kode"
6. Copy aja script di bawah 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: 250px;
height: 250px;
overflow: hidden;
margin:0 auto;
}
#content-slider img {
display: block;
width: 250px;
height: 250px;
}
</style>
<div id="content-slider">
<img src="URL FOTO 1" />
<img src="URL FOTO 2" />
<img src="URL FOTO 3" />
<img src="URL FOTO 4" />
</div>
Tadinya sih admin juga gak tahu caranya, tapi admin sekarang mau share ke semua gimana sih " cara membuat slide photo di blog ".
nah ikuti langkah-langkah dari admin ya!!!
1. Login ke blogger dulu pastinya ya.
2. Masuk ke Template
3. Edit Html
5. Cari kode </head>, kalau sulit Ctrl+f "tulis kode"
6. Copy aja script di bawah 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: 250px;
height: 250px;
overflow: hidden;
margin:0 auto;
}
#content-slider img {
display: block;
width: 250px;
height: 250px;
}
</style>
<div id="content-slider">
<img src="URL FOTO 1" />
<img src="URL FOTO 2" />
<img src="URL FOTO 3" />
<img src="URL FOTO 4" />
</div>
7. Tempelkan/paste persis dibawah kode </head>
8. Gantikan kode yang berwarna biru dengan Url gambar/photo kesukaanmu untuk slide photo
9. Lalu Simpan/save.
nah kayaknya udah selesai nih " cara membuat slide photo di blog ".
Jangan lupa baca artikel " Cara meringankan blog ".
Tidak ada komentar:
Posting Komentar