Welcome to my blog. Feel free to read my stories and etc. I rarely update this blog. Sixteen.


home. | le owner. | stuff. | affiliates. | flavors. | chatbox.

Rabu, 18 Mei 2011

Jquery Marquee Banner di Blogspot

sumber gambar : Mari Bina Blog

Untuk membuat Jquery Marquee Banner, seperti yang boleh di lihat di sidebar blog ini, hanya ikut langkah di bawah.

Untuk melihat efeknya, letakkan kursor mouse di atas image.

Langkah 1

Salin dan edit kod di bawah dengan menggantikan http://URL BLOG disini/ dengan URL blog danmasukkan URL image disini dengan URL image.

<script type="text/javascript" src="https://sites.google.com/site/jquery9/crawler.js">
/*
Text and/or Image Crawler Script ©2009 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/ username: jscheuer1
This Notice Must Remain for Legal Use
*/
</script>

<script type="text/javascript">
marqueeInit({
uniqueid: 'image-marquee',
style: {
'padding': '2px',
'width': '100%',
'height': 'auto'
},
inc: 9, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)

moveatleast: 4,
neutral: 150,
savedirection: false
});
</script>

<div class="marquee" id="image-marquee">

<a href="http://URL BLOG disini/">
<img src="masukkan URL image disini" />
</a>

<a href="http://URL BLOG disini/">
<img src="masukkan URL image disini" />
</a>

<a href="http://URL BLOG disini/">
<img src="masukkan URL image disini" />
</a>

<a href="http://URL BLOG disini/">
<img src="masukkan URL image disini" />
</a>

<a href="http://URL BLOG disini/">
<img src="masukkan URL image disini" />
</a>

</div>

Langkah 2

Log in blog => Dashboard => Design => Add A Gadget => HTML/Javascript

Paste kod yang telah siap di edit (rujuk langkah 1) pada ruangan Content dan Save.

http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm

Tiada ulasan: