Saturday, December 7, 2013

tutorial : Marquee banner .

\\Assalamualaikum// n hye...
Hmm, bertutorial hari ni kejap. haha. Aisyah nak ajar macam mana nak buat marquee banner . Sebelum tu bagi yang tak tahu macam mana fungsi Marquee tu,tengok preview kat bawah haha . gambar gerak2 tu. Tutorial buat Alis comel2. haha. Jom lawat blog beliau yang pink2 gitu. :D

*Preview 1. 

Bagi pengguna blogskins. 

Dashboard ► Template ► copy kod di bawah ni dan pastekan selepas </style>


<marquee behavior="scroll" direction="left" onmouseout="this.start();" onmouseover="this.stop();" scrolldelay="1"><a href="URL LINK" target="_blank"><img src="URL IMAGEheight="120" width="150"/></a><a href="URL LINK" target="_blank"><img src="URL IMAGEheight="120" width="150"/></a><a href="URL LINK" target="_blank"><img src="URL IMAGEheight="120" width="150"/></a><a href="URL LINK" target="_blank"><img src="URL IMAGEheight="120" width="150"/></a></marquee></div>



Klau nak tambah background kat belakang dia. boleh tambah kod ni sebelum " <marquee behavior="scroll" direction="left" onmouseout="this.start();" onmouseover="this.stop();" scrolldelay="1">"


<div style="background:black url(URL IMAGE); padding:2px;"> 


ada juga versi kedua. marquee dari bawah ke atas macam ni.

sila tukar kod yang berwarna dengan url korang .:)

*Preview 2. 




kod dia sama je. just tukar kod 
<marquee behavior="scroll" direction="left"
kepada "up" . :)


dan kepada pgguna template yg lain. sebenarnya sy nak buat tutorial juga tapi sebab internet line ni punyalah lambat. -,- ni pun susah bebenor nak siapkan.. hadeihh... maaf sesangat. ada ape2, sila inform ya. :) 
wailliqa' maasalam.. 
:)



Thank you:
Truly Aisyah :3

2 comments:

  1. Kak Aisya.. Aina nak request tuto boleh taaaak? Cara untuk marquee banner dah tahu dah! Nak buat banner je taktau ni. Hahaha! Mohon Kak Aisya buat tuto ye :)

    ReplyDelete