Warning: include(/home/.lurky/jenni/star-girl.org/skins/cookiecheck.php) [function.include]: failed to open stream: No such file or directory in /home/jenni/star-girl.org/pages/tutorials/site/step7.php on line 1
Warning: include() [function.include]: Failed opening '/home/.lurky/jenni/star-girl.org/skins/cookiecheck.php' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/jenni/star-girl.org/pages/tutorials/site/step7.php on line 1
Warning: include() [function.include]: Filename cannot be empty in /home/jenni/star-girl.org/pages/tutorials/site/step7.php on line 2
Warning: include() [function.include]: Failed opening '' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/jenni/star-girl.org/pages/tutorials/site/step7.php on line 2
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.
Want another button? Click here.
Warning: include() [function.include]: Filename cannot be empty in /home/jenni/star-girl.org/pages/tutorials/site/step7.php on line 37
Warning: include() [function.include]: Failed opening '' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/jenni/star-girl.org/pages/tutorials/site/step7.php on line 37