Jumat, 21 November 2014

Cara Membuat Slide Show Foto di Blog dengan Mudah


1) Sign in ke Blogger Anda
2) Setelah itu klik Lay out
3) Klik Add Gadget dan Pilih HTML lalu Copy Paste Kode Dibawah ini :

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 Anda" />
<img src="URL Foto Anda" />
<img src="URL Foto Anda" />

</div>

NB : Silahkan masukkan URL Foto Anda, Bagaimana caranya nyari URL Foto? Gampang Bro, silahkan Upload Gambar2 anda yang akan di masukkan ke Slide Show Foto ke Blog anda, setelah terupload semua, Sorot cursor anda ke Gambar pertama, lalu klik kanan, lalu klik Copy URL Image. Nah itu Namanya URL Foto Anda yang pertama. Lalu lakukan seperti itu ke Foto anda berikutnya.

Tidak ada komentar:

Posting Komentar

Untuk Pengunjung Usahakan Berkomentar yang sopan.