Tutorial - Static Image With Link
Nampak tak banner blogshop rina bawah bahagian kiri tu??
cuba klik
nanti mesti terus pergi ke blogshop rina kan?
selalunya, korang mesti guna code yang perlu generate..
bila tekan image tu, akan pergi ke website yang sediakan pic tu kan?
tapi kali ni, korang boleh letak whatever image yang korang nak dan link kan ke mana-mana yang korang nak
First step : Copy code di bawah ni
<a href='http://rinawardrobe.blogspot.com' style='display:scroll;position: fixed; bottom:5px;left:5px;' target='_blank' title='the cheapest blogshop on the block'>
<img src='http://i53.photobucket.com/albums/g68/rina_besh/blogshop.gif'/></a>
Second Step : Edit code tersebut mengikut citarasa anda.
+ In Red : link ke URL yang anda mahu
+ In Blue : bottom atau top? 5px menentukan kedudukan, brape banyak dari bottom..korang try and error la hehe
+ In Green : macam Blue, left or right?
+ In Purple : Tooltip. bila hover dekat image tu, akan keluar sentence ni..cuba try hover ke image rina yang bawah ni
+ In Pink : URL image tu...
Third Step : Go to Layout --> Page Element --> Add Widget --> HTML/ Java --> Paste Code tadi --> save!
siap!
senang tak murid2?
maaflah kalau berbelit.
boleh tanya kalau tak faham =)
4 footprints here! Thanks! (◕‿◕):
window shoping saje...
gaji x masok lagi... bencik!
xjadi :((
dah jadi :)
kak rina...xjadi..
Post a Comment