Monday, May 23, 2011

Auto Scrolling Image Banners

3 comments
 
Salam...

Aku sudah semakin pulih dari demam panas. Belum kebah sepenuhnya tetapi sekurang-kurangnya aku tidaklah hanya berbaring di katil. Aku sudah boleh melakukan kerja-kerja rutin seperti biasa walaupun terpaksa meneruskan pengambilan ubat antibiotik.

Untuk post kali ini, aku akan memaparkan teknik untuk membuat Auto Scrolling Image sepertimana yang terdapat di blog aku ini (Friends' Banners dan Artikel Menarik).


Aku bukanlah seorang yang pakar, cuma sekadar ingin berkongsi dan memanjangkan ilmu yang dihasilkan oleh orang lain. Mungkin ada di antara anda yang masih belum tahu lagi walaupun terdapat banyak blog-blog tutorial yang telah memaparkan maklumat yang sama.

Maklumat ini juga sebagai memenuhi permintaan beberapa orang rakan blogger yang inginkannya termasuklah bro Pembawa Wacana dari http://wacanaku2009.blogspot.com/

create your own banner at mybannermaker.com!


Di bawah ini aku paparkan html kodnya untuk anda copy...

<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: 2,
neutral: 150,
savedirection: false
});
</script>

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

Letakkan link image atau link banner di sini

</div>


Anda boleh meletakkannya di bahagian sidebar sebagai widget atau jika ingin meletakkannya di atas post, anda perlu membuat sedikit adjustment untuk keterampilannya.

Untuk mempercepat atau memperlahankan pergerakan scrolling anda perlu ubah angka 2 (warna merah). Manakala image atau banner (link image dan href link berkaitan) di letakkan menggantikan text berwarna biru.

Orait! Aku harap anda faham..hehe.

Kepada anda yang telahpun tahu, anggap sahaja entry ini sebagai refresher post.



Sekian.

P/s:  Jangan letak di dalam post otherwise ia akan memanjang ke bawah! 
P/s 2: Kalau banner yg ada (br/) atau (center) kena buang (br/) dan (center) tu yer

3 Responses so far.

  1. terima kasih ats perkongsian yg amat bermanfaat :D

  2. Salam Peja, thanx sudi komen. harap dpt manafaat.

  3. Info yang sangat bermanfaat bagi yang punya banyak picture and btw gambar kucingnya lucu2 suke kucing ya he he Tips Tricks Blogger

My Pings and Backlinks
Blogged.my Free Auto Backlinks From 1Malaysia Free Auto Malaysia Backlinks
Free SEO Tools My Ping in TotalPing.com