Membuat Slide Show Pada Blog
Cara menampilkan Slide Show Pada Blog Kita :D
Pertama Upload Terlebih dahulu Foto anda ke www.picasaweb.com
Setelah itu
Masuk ke Blogger lalu pilih Tata Letak
Pilih Tambah Gadget Dan Pilih HTM Script
Copy 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: 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 Gambar 1" />
<img src="URL Gambar 2" />
<img src="URL Gambar 3" />
</div>
Untuk URL Gambar
Kita Copy Image Link Pada Gambar Yang Sudah Kita Upload Tadi Di Picasaweb
Lalu Save/Simpan :)
Semoga Bermamfaat
Pertama Upload Terlebih dahulu Foto anda ke www.picasaweb.com
Setelah itu
Masuk ke Blogger lalu pilih Tata Letak
Pilih Tambah Gadget Dan Pilih HTM Script
Copy 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: 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 Gambar 1" />
<img src="URL Gambar 2" />
<img src="URL Gambar 3" />
</div>
Untuk URL Gambar
Kita Copy Image Link Pada Gambar Yang Sudah Kita Upload Tadi Di Picasaweb
Lalu Save/Simpan :)
Semoga Bermamfaat
Comments
Post a Comment
Semoga artikel ini membangun Silahkan tinggalkan pesan anda :)
No Spam No Po*no No Maki
Maaf Jika ada kesalahan :)