Sunday, May 30, 2010

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! (◕‿◕):

JelinaJoli 31/5/10 1:26 PM  

window shoping saje...
gaji x masok lagi... bencik!

Related Posts with Thumbnails

  © Rina Stories~* at Rinastories.Blogspot. All Rights Reserved. Powered by Blogger.

Goto Top