Tutorial : Floating Image / Banner

Assalamualaikum and annyeonghaseyo. Ada yang tanya mcm mana cara nak letak 'floating banner'. So, here! tieqa akan tunjukkan caranya. Contoh macam kat bawah ni, sebelah kiri.
{ e x a m p le }

Template Designer | Denim
1. Dashboard > Layout 
2. Add a Gadget > HTML/JavaScript
3. Copy code di bawah
<style>
#byundyo{
left:0px;
top:0px;
position:fixed;
border: 1px dashed #B5B5B5;
}
</style>
<a href="LINK GA"><img src="URL IMG/BANNER"
height="150" width="150" id="byundyo">
4. Paste di bahagian HTML/JavaScript
5. Save

Template Classic


1. Dashboard > Template
2. Ctrl + f dan cari code </style>
3. Copy code di bawah
<style>
#byundyo{
left:0px;
top:0px;
position:fixed;
border: 1px dashed #B5B5B5;
}
</style>
<a href="LINK GA"><img src="URL IMG/BANNER"
height="150" width="150" id="byundyo">
4. Paste di bawah code </style>
5. Preview & save.

Purple : Warna border
Pink : Link/ Link GA
Blue : URL image/banner
Green : Height & width

*Untuk banner jenis slide show click { SINI }

2 comment [s]:

T W I N K L E Aliyn said...

Kak tiqah .. Apa floating banner ni ?

atiqahjaidin said...

@T W I N K L E Aliyn Image yang terapung. Bila kita scroll image tu akan fixed.