cara membuat foto slide pada blogger
hi sobat, jumpa kembali dengan saya, haduhh... ampun deh hari ini, sungguh panas, selain panas saya juga di barengin laperrr......., tpi gk masalah, saya tetep busa upload postingan dan bisa share cara membuat foto slide pada blogger
langkah-langkahnya bisa agan ikutin yg di bawah ini :
- terlebih dahulu anda login pada blogger.com atau klik disini
-klik optoin yg ada di samping gambar pensil lalu pilih tata letak
-lalu klik laman Kosong
-pada texbox ketikkan " Foto Slide " -> lalu pilih HTML
-Lalu ketikkan kode HTML Berikut ini :
<html>
<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="URL Foto 1" />
<img src="URL Foto 2" />
<img src="URL Foto 3" />
<img src="URL Foto 4" />
</div>
</html>
pada huruf yg berwarana Merah gantilah dengan link gambar anda, setelah itu klik Publikasikan...
Tadaaaaaaaaa berhasil...
jika anda kesulitan silahkan koment..
langkah-langkahnya bisa agan ikutin yg di bawah ini :
- terlebih dahulu anda login pada blogger.com atau klik disini
-klik optoin yg ada di samping gambar pensil lalu pilih tata letak
-lalu klik laman Kosong
-pada texbox ketikkan " Foto Slide " -> lalu pilih HTML
-Lalu ketikkan kode HTML Berikut ini :
<html>
<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="URL Foto 1" />
<img src="URL Foto 2" />
<img src="URL Foto 3" />
<img src="URL Foto 4" />
</div>
</html>
pada huruf yg berwarana Merah gantilah dengan link gambar anda, setelah itu klik Publikasikan...
Tadaaaaaaaaa berhasil...
jika anda kesulitan silahkan koment..
Komentar
Posting Komentar