Created (c) by Princexells Seyka (Princelling Saki)

Cara Memasang gambar Header Berubah-ubah | Slideshow Dengan jQuery

Cara ini  sangat menarik dan mudah untuk di pasang di blogspot.
untuk memasangnya di blog ikuti langkah berikut.

Log in blog >> Dashboard >> Layout/rancangan >> Edit HTML
Pada script template, cari kode </head>

Salin dan paste kode warna biru di bawah di atas kode </head>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script src='http://sites.google.com/site/javascript10/jquery.innerfade.js' type='text/javascript'/>


Log in blog >> Dashboard >> Layout/rancangan  >>  Element hallaman >>
Add A Gadget  >> HTML/Javascript.

Salin dan edit kod merah di bawah dengan menggantikan image URL yang berwarna biru.



<script>
$(document).ready(function() {
$('#image_rotate').innerfade({
speed: 1800,
timeout: 3300,
fx: 'fade',
containerheight: '365px'
});
});
</script>

<ul id="image_rotate" style="list-style: none;">
<li><img src="masukkan URL image di sini" /></li>
<li><img src="masukkan URL image di sini" /></li>
<li><img src="masukkan URL image di sini" /></li>
</ul>
paste pada HTML/Javascript
Save.

Delete Header yang (lama) dan
drag Header yang baru ke bahagian atas dengan menggantikan tempat Header yang (lama).
Simpan.
selamat mencoba semoga berhasil

Artikel Terkait Lainnya :

Bloger
DAFTAR ISI BLOG


Tidak ada komentar:

Posting Komentar

 

© Copyright JASA PEMBUATAN WEBSITE 2010 -2011 | Design by Andra Ghotic's Center | Published by Andra Templates | Powered by .