Cara Memasang Foto Slide show di Side Bar

<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>

Hai, apakah Anda ingin menambahkan koleksi foto pribadi Anda di blog? Memang tidak terlalu penting sih, tapi boleh donk narsis sedikit buat tetep eksis haha..btw, seperti janji saya kemarin bahwa hari ini saya akan membagikan cara memasang foto slide show di side bar. Caranya gampang banget, yuk mari:

Copy kode di atas dulu dengan cara blok semua kode 
→ tekan Ctrl + C, kemudian :
  1. Masuk ke www.blogger.com 
  2. Isi nama email & kata sandi Anda → MASUK 
    Ketr. no.1-2
  3. Masuk dashboard lalu klik tata letak 
  4. Klik TAMBAH GADGET 
  5. Klik HTML/ Java Script 
  6. Ketik Judul → Paste kode script tadi (Ctrl+V) 
  7. Ganti tulisan merah ini dengan nama / link URL Foto Anda caranya lihat disini
  8. Anda pun bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
    Ketr.No.6-8
  9. SIMPAN → LIHAT BLOG
Jadi deh…. Lihat hasilnya di blog saya ^_^ 


0 comments:

Post a Comment