|
Main ContentUpdatesTo Do List You Health and Beauty Reads Jenni Quizzes Tutorials The Domain Dollmakers Link Star-Girl.org Question? Plug Your Site Index/Blog ExtraChange The SkinJenni Fanlisting Star-Girl.org Fanlisting Webdesign Question? Report An Error MT Blog Archives Nov-Apr 04 Archives Feb-Nov 03 Archives Sites and ProjectsShining Top SitesCreme De La Femme Starshine Boards Starstruck Zine Starshine.la LoginLinkageEtc.refreshes today |
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. Back | Forward Advertised |