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>4. Paste di bahagian HTML/JavaScript
#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">
5. Save
Template Classic
1. Dashboard > Template
2. Ctrl + f dan cari code </style>
3. Copy code di bawah
<style>4. Paste di bawah code </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">
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]:
Kak tiqah .. Apa floating banner ni ?
@T W I N K L E Aliyn Image yang terapung. Bila kita scroll image tu akan fixed.
Post a Comment