Cara Membuat Background SlideShow Dengan jQuery Di Blog

Pada hari ini taukahbahwa.blogspot.com akan menyajikan artikel tentang Cara Membuat Background SlideShow Dengan jQuery Di Blog. Semoga dengan posting Cara Membuat Background SlideShow Dengan jQuery Di Blog akan menambah pengetahuan bagi anda pembaca setia taukahbahwa.blogspot.com

 

Cara Membuat Slideshow Pada Blog - Untuk kode scriptnya kita menggunakan Jquery karena dengan Jquery tentu tidak akan memberatkan loading pada Blog.

Sekarang sahabat mengerti kan Cara Membuat Backcround Slideshow Pada Blog, dan kalau sahabat tertarik untuk membuatnya silahkan lakukan langkah langkah Membuat Backcround Slideshow Pada Blog dibawah ini :

1. Login terlebih dahulu ke Blog

2. Pilih Rancangan

3. Selanjutnya Pilih Edit HTML [ Jangan Lupa Centang Expand Templete Widget ] , Terus...

4. Cari kode </head>  (gunakan tombol Ctrl+F untuk memudahkan pencarian)

5. Copy kode dibawah ini dan letakan tepat diatas kode </head>. Sebelumnya silahkan Download terlebih dahulu template sahabat untuk menghindari dari kesalahan.

<!-- jQuery Library -->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js" type="text/javascript"></script>

<!-- Simple Background SlideShow Script -->

<script src="http://jquery-aing.googlecode.com/files/BackgroundSlideShowAing.js" type="text/javascript"></script>

<!-- Call ssBG.SlideMyBG() function after the page fully loaded -->

<script type="text/javascript">$(window).load(function(){ssBG.SlideMyBG()})</script>

 Kemuadian Letakan Code Dibawah ini, Diatas Kode ]]></b:skin>

<!-- Advanced settings -->

<script type="text/javascript">

$(window).load(function(){

  var MYlist=[

    "http://mysite.com/photo1.jpg",

    "http://mysite.com/photo2.jpg" // No coma at the end of list

  ];

  var MYstyle='diurut aje bang dari awal ye'; // Default is random

  var MYspeed=10000; // Delay between image changes

  var MYbgPos='top center'; // background-position

  var MYbgSize='100%'; // background-size (you may try auto 100%)

  var MYbgRep='repeat-x'; // repeat-y, repeat, no-repeat

               

  ssBG.SlideMyBG(MYlist,MYstyle,MYspeed,MYbgPos,MYbgSize,MYbgRep)

})

</script>

lalu Sahabat Save....

Terus Tambah Gadget html / Java

masukan Code dibawah ini:

<!-- To add a new collection into an existing, you may use ssBG.gbr.concat(list1,list2) -->

<script type="text/javascript">

$(window).load(function(){

  var MYlist1=[

    "http://mysite.com/photo1.jpg",

    "http://mysite.com/photo2.jpg" // No coma at the end of list

  ];

  var MYlist2=[

    "http://mysite.com/photo3.jpg",

    "http://mysite.com/photo4.jpg",

    "http://mysite.com/photo5.jpg" // No coma at the end of list

  ];

  ssBG.gbr=ssBG.gbr.concat(MYlist1,MYlist2);

  ssBG.SlideMyBG('','sort','','','auto 100%');

})

</script>

Nah Begitulah Cara Membuat Background SlideShow Dengan jQuery Di Blog.

Semoga Anda Berhasil....

Dapatkan berita terupdate dan unik setiap saat hanya di taukahbahwa.blogspot.com

Homepage|http://taukahbahwa.blogspot.com