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