Cara buat Jquery marquee banner di blogspot

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

{ 21 comments.. read them below or add one }

Beben Koben Beben Koben 1:02 AM
ini cocok sekali buat promosi...hihihi
good good
akuanakpahang akuanakpahang 11:53 AM
Terima kasih kongsi TQ :)
mobile4shared[admin] mobile4shared[admin] 10:49 PM
thank..
last jumpa gak penat dok edit sendiri hehe
WakafKita11 WakafKita11 1:11 PM
fuhh menarik dan cantik !
I-shah I-shah 4:28 PM
aduss...ssh la nak wat...
tak faham....tolong la tunjuk ajar...
faisal faisal 7:18 PM
wah nice info..thank for share

http://faisalapardi.com/
ePaL mErAh ePaL mErAh 6:01 PM
x jadi la...image jadi ke bwah~~bukan ke tepi~~
aimaniman aimaniman 5:46 PM
jadi.. tapi cam ner nak sama ratakan gambar dan buat gambar tu comel.. tengok aa blog akak pas tu comment? k tq ssooo much
❤NazirahMoktar❤ ❤NazirahMoktar❤ 12:13 PM
best2 :) nak buat la nanti..trime kasih tau :)
syoknya syoknya 9:04 AM
Admin ada facebook kan..

add me at facebook..

ada sponsor sesuatu kat admin..free..
https://www.facebook.com/syokdownload
Shukairi Harun Shukairi Harun 7:27 PM
mcm mana nak buat background berwarna?

bila saya tambah kod bgcolor="white" tak menjadi la bro. huhuhu...

kod marquee memang tak boleh tambah kat dalam ni ke?

minta tunjuk ajar. TQ :)
zulhaidi zulhaidi 10:33 AM
xjadi la~~jadi kebwah..nape erk?? sape tau??
Shukairi Harun Shukairi Harun 12:58 AM
@zulhaidi sy pernah gak jadi ke bawah. lps refresh tu OK balik. awk guna browser apa? yg sy punya, bila buka kat browser Internet Explorer, banner bergerak ni terus tak keluar.
Shukairi Harun Shukairi Harun 5:20 PM
banner kod ni kejap keluar...kejap tak keluar :( kejap OK...kejap KO. poning kepalo den...sape yg tau sbb dia.
A.K.H.i.L A.K.H.i.L 1:41 AM
xjd pon..halamak!!!
aboyandnick aboyandnick 11:27 PM
http://dapurbujang-aboyandnick.blogspot.com/2011/05/stuffed-chicken-parmesan-with-spinach.html
new resepi....
jom kita mentelaah bersama...
kalu ada masa boleh cuba...
jgn lupa add kami disini and be our follower...
masukkan email pun dah boleh follow...
MiSz aYU.. MiSz aYU.. 3:31 PM
tq admin... saya buat jadi je... best2... korang tengok ek... http://misz-ayu.blogspot.com
mai d c ni mai d c ni 5:10 PM
terima kasihhhhhhhhhhhhh