Tutorial letak banner dalam scroll box

tutorial ni direquest oleh Abang Stalker tadi. sebenarnya banyak blog yang ada tutorial ni. tapi takpelah. ni version Cik Aish. hehe. apa pun kredit untuk Ciktom sebab ajarkan. sebenarnya ada banyak cara nak kemaskan banner. supaya nampak tersusun di bahagian sidebar. so salah satunya adalah dengan menggunakan function Scroll Box


1. Resize dulu saiz banner banner yang nak dimasukkan. sebab ada banner yang tak sama saiz. caranya hanya letak height="125" width="125" dekat dalam kod banner tersebut.

<a target="_blank" href="http://pieyaris.blogspot.com/2011/02/contest-story-sobsob.html"><img
border="0" alt="ads" src="http://i1135.photobucket.com/albums/m633/ismaliza/airmata2-1.jpg" height="125" width="125" /></img
border="0"></a>
 contoh kod banner


perhatikan dekat mana nak letak kod height="125" width="125" tu. atas ni cuma contoh banner je untuk korang tengok kat mana nak letak kod tu. korang boleh edjust saiz banner. selalunya guna 125 atau 100.



2. bila dah resize semua banner banner korang, baru buat scroll box. caranya Dashboard-Design-Add Gadget dan letakkan kod ni.

<div style="width:426px;height:100px;overflow:auto; ">
Letakkan semua kod kod banner
</div>
 korang boleh edjust lebar dan tinggi scroll box tu pada width dengan height.


3. Save


Cik Aish : Scroll Box ni boleh guna untuk banner kawan kawan, banner contest, etc. tapi kalau nak guna untuk Bloglist dan Blog Archive, caranya lain sikit. ok..selamat mencuba!


Previous
Next Post »

7 komen

Write komen
myzziema
AUTHOR
April 11, 2011 at 9:45 PM delete

salam akak. macam mana nak lajukan shoutbox keluar dr tepi dinding tu?

Reply
avatar
Unknown
AUTHOR
April 11, 2011 at 10:00 PM delete

m y z . z i e m a : tu tak sure la dear. tapi rasanya lajunya shoutbox tu bergantung pada kelajuan loading blog tu..sbb sesetengah blog yang lambat loading, memang mcm siput shoutbox tu kuar...

Reply
avatar
Unknown
AUTHOR
April 11, 2011 at 10:00 PM delete

Fazil Hamid : selamat mencuba!

Reply
avatar
Mr.Superman
AUTHOR
April 11, 2011 at 10:03 PM delete

trm kh aish.. :)try bt jp.

Reply
avatar
* Rosita *
AUTHOR
May 20, 2011 at 1:45 PM delete

ini yg ku cari2....tq..

Reply
avatar

Sila Tinggalkan Komen Anda Di Sini ConversionConversion EmoticonEmoticon

Related Posts Plugin for WordPress, Blogger...