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

enjelinajolipit 31/5/10 1:26 PM  

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

Related Posts with Thumbnails

Follow by Email

✿Visitors ツ


✿NotaKaki ツ

+ Semua gambar adalah hak milik peribadi Rina.
+ Penyalahgunaan gambar akan dikenakan tindakan.
+ Plagiarism is not allowed.
+ Blog ini akan di updet hari2. (maybe :p)
+ Ok. Itu je kot buat masa ni. Thanks for visiting ya!


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

Goto Top