Main Content

Updates
To Do List
You
Health and Beauty
Reads
Jenni
Quizzes
Tutorials
The Domain
Dollmakers
Link Star-Girl.org
Question?
Plug Your Site
Index/Blog

Extra

Change The Skin
Jenni Fanlisting
Star-Girl.org Fanlisting
Webdesign Question?
Report An Error
MT Blog Archives
Nov-Apr 04 Archives
Feb-Nov 03 Archives

Sites and Projects

Shining Top Sites
Creme De La Femme
Starshine Boards
Starstruck Zine

Starshine.la Login

Username

Password



Linkage




Etc.

refreshes today
Tutorial Set > Making a Website. STEP 7: How to link; URLs and Images


Maybe you want to link a website using a text link or button. This tutorial will show you how. Again, it's very simple, it just requires learning a few more lines of code.

25. Copy and paste the code in the textarea below into a page of your site:



26. Now if you save the page and view it you will see a link that says 'Star-Girl.org', which if you click, will bring you to my site. You may have noticed a problem with this. Instead of opening in a new window, the link opens in the same window. So if you wanted to go back to your website, you have to mess about typing in urls, looking through favourites or messing with the back button. A much simpler solution is to tell the link to open in a new window. You can do this using the code below (the part highlighted in red tells you the part of the code which tells the link where to open):



27. Using that code, you can link to any website or page on the Internet. But how do you link images or buttons? A lot of websites prefer the visitors to save their button or banner to their own server, then upload it to their website and link it themselves. Here's how to do it.
28. Upload the button/image you want to link to (go back to step 5 if you need a reminder). Next, type this code in where you want the image to appear on your page:



29. Edit it so it goes to the URL you want it to, and so the filepath is right for your image (e.g. http://freewebs.com/stargirlorg/stargirlbutton.jpg)
30. Now you may have noticed a rather ugly blue border around the linked image. To get rid of this, add the part of code highlighted in red below to your image code:





To carry on with this set of tutorials, click here.


If this tutorial helped you, please link me on your site.

Star-Girl.org


Want another button? Click here.

Back | Forward

Advertised

Your Site Here?






All content and design is © Jennifer Brown 2005, unless otherwise stated. Please click *here* for more information.