1News Online:
Home » » Tutorial Blog - Cara buat Jquery marquee banner di blogspot

Tutorial Blog - Cara buat Jquery marquee banner di blogspot

Wednesday, October 31, 2012 | 9:58 PM


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.

Kongsi artikel ini : :

Post a Comment

 
Copyright © 2012. 1News Online - All Rights Reserved
Proudly powered by Blogger