Sahabat Tanpa Suara

Banner Bergerak

Wednesday, January 12, 2011


Ada sahabat blogger,rafinamimi bertanyakan aku bagaimana nak buat banner rakan-rakan bergerak seperti yang aku letak di sidebar aku tu (aku tajukkan sebagai Link Kengkawan). Alah mak ai rasa bangga campur malu pulak aku. Banggalah ada juga insan yang berkenan something somewhere kat blog aku ni. Dalam masa yang sama rasa malulah plak nak claim yang itu hasil kerja aku sepenuhnya. Of course lah bukan aku yang mencipta efek tu apatah lagi nak mereka kod-kodnya. Sebenarnya efek tersebut bersama dengan kodnya aku dapat disini>>.

Kalau malas nak masuk ke situ, ha sini aku buat serba sedikit penerangan. Efek tu dipanggil marquee. Kita boleh buat samada nak dia bergerak dari bawah ke atas, atau atas ke bawah, atau kiri ke kanan, atau kanan ke kiri, atau eh berapa banyak atau daa... Kita tengok apa yang aku buat jelah ye...

# Mula-mula copy kod ini dan pastekan ke sidebar atau mana-mana bahagian blog yang korang berkenan:

<marquee behavior="scroll" direction="up" scrollamount="5">KOD BANNER RAKAN-RAKAN</marquee>

# Hasilnya seperti berikut:

KOD BANNER RAKAN-RAKAN

# Sekarang gantikan KOD BANNER RAKAN-RAKAN dengan kod banner rakan-rakan yang boleh didapati dari blog rakan-rakan. Sebagai contoh kod banner aku adalah:

<div style="text-align: center;"><a target="_blank" href="http://shamdisini.blogspot.com/"><img border="0" alt="ShamDiSini" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkh7ChMnu8tpL-RzLrPG513Um1CQPmaS4g-gKRFYR1m6Yz3K8eGKmY_FjsIT5mom73FxFcfia0WqTWOCF8ffRjvdbRLCJJOvf95vjqs9-_7-lur_qccAfVMUwdICfo8Hcy7M7laFykAOQ/s1600/shamdisini2.gif" /></a></div>

# Maka hasilnya adalah seperti berikut:

ShamDiSini


# Untuk tukar pergerakan, ubah direction="up" kepada "down" atau "left" atau "right".

# Untuk ubah kelajuan pergerakan, ubah scrollamount="5" kepada "1" untuk paling perlahan atau nombor lebih besar untuk lebih laju.

# Done...

Syabas kepada aku kerana berjaya membuat satu lagi tutorial... Moga ada manfaat untuk rakan-rakan blogger...

11 comments:

Cik SHiNJU January 12, 2011 at 5:42 PM  

Salam...

Thanks...lama dah cari coding utk wat slide down tu...tapi koi nak buat utk gambor...dah jadi...cer tgk kat side bar koi,2011 wishlist..hehehe.. :D

rafina mimi abdullah January 12, 2011 at 5:58 PM  

ooo mcm tu rupanya..time kasih encik sham.. :)

Sham January 12, 2011 at 8:26 PM  

awok pun berminat gak rupanya ye shinju...baguih la...

Sham January 12, 2011 at 8:26 PM  

sama2 rafina...sok2 saya pulak minta tolong...hee

Sham January 12, 2011 at 9:26 PM  

saja suka2 nak penuhkan sidebar mie...

Idalara January 12, 2011 at 9:35 PM  

salam kenal..
bab2 ni akak memang lemah sikit..tp kalau nak seribu daya kan...kalau letak award2 yg kengkawan bagi pun ok kan...

Sham January 12, 2011 at 10:00 PM  

ok kak ida...menambah seri blog...hee

one2paii January 12, 2011 at 11:59 PM  

salute la bro..sharing info yang terbaik..keep it up..cheawah

hentian January 13, 2011 at 12:12 AM  

teringin nak cuba tapi tak cukup ruang masa nak melayarinya...

Post a Comment

Ha sekarang korang boley komen...

Related Posts Plugin for WordPress, Blogger...
My Ping in TotalPing.com

!

!

  © Blogger template On The Road for shamdisini.blogspot.com 2010

Back to TOP