Posting Links (Tutorial)
-
No new posts
Moderators: k9car363, alicefoeller | Reply |
![]() |
Expert ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | ![]() I have been asked by a few folks here to show them how to post links and get rid of the spaces in my "goals" section of my training log. Instead of just showing one person I thought I'd make a little guide so everyone who isn't "in-the-know" might benefit. I have a little webmastering in my background so I've dabble a tiny bit with HTML (web programming code). HTML can get extremely confusing but what we are going to attempt here won't be hard at all. First, go to your training log. Click on the little gear/window icon to enter your settings screen.
Scroll down to the "Short Term Goals" or whichever goals section you want to use.
Click with your mouse at the end of the text preceeding the area where you want to place your new item. Hit the (ENTER) key to make a new line and then type your text. I know, it made an extra space. We'll get rid of it later on. First, lets add our item with a link.
Here you can see we've added our new item. For me it was Win IM Kona along with the date. You can use the text modifier buttons on your screen just as you would if you were using Word or Word Perfect. Simply highlight the text you want to modify and click the button. The two buttons we're going to be concerned with today are the hyperlink or Add Link button which looks like a little chain and the HTML Edit button. |
|
![]() ![]() |
Pro ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | ![]() Thanks Art, I've been meaning to learn this but always put it off... |
![]() ![]() |
Expert ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | ![]()
Now... highlight ONLY the text that you want to use as a hyperlink then click on the Add Link button.
Clicking the Add Link button will bring up a window. There are several options available but we only need two of them. First and most importantly we need to add our link. I guess I should have prefaced this by saying that you'd need to aquire your link prior to getting to this point but it's not to late. Open another instance of IE or Firefox or whatever browser you use and navigate to the site that you want to use as your link. Once you're there you can simply highlight the link in the address window of your browser and right-click / copy the URL. Now, go back to the Add Link window, click in the Link URL window and right-click / paste the link in. There, that wasn't so hard. The next option we can use is the one that determines if we want the user to open this link in the same IE or Firefox browser window he's using which will take him away from our site or if we want to open a new browser window when the link is clicked. If you want to open a new browser window you can select "_blank" in the Target window. Otherwise just skip this step and click Update when you're finished. Next we will get rid of that extra space between items in our goal list. This will require some HTML editing. I'll try to make it as easy as I can.
Click on the HTML Edit button and bring up the HTML Edit window. Next, click on Word Wrap so we can see all of our code at once. I know... this looks completely confusing. But... if you look closely you can see your text here and there among the code. All the HTML code does is tell the web browser how to present the information. Unfortunately there is some bad code in there that is adding an extra space to our goals list. If we scroll down within the window we can find the text we just added and it's associated code. This is what we need to work with.
This is the bad code. The "p" commands dictate paragraphs. And when it makes a new paragraph it also puts a space in between each paragraph. We can get rid of that by changing the command to a hard break which is basically like hitting the return key on a typewriter. We can do that by changing the code from the "/p""p" code we see listed to the "br /" code for hardbreak.
Be careful here. If you click the wrong area and change something or get lost in the jungle just close the window without updating and it will go back the way it was. If you update bad code... well.. then you have problems. Once you get the good code added simply update and close the window.
Now, our goals and links are neat and pretty! If we're satisfied we can hit the Apply button at the bottom and we're finished! It should also be mentioned the method of adding links can also be used in these forums and in your daily log. You don't have to mess up the looks of your log with a hyperlink that is ten feet long! You can turn a single word into a link and keep everything neat and easy to read. I hope this helps some of you in your frustration. If I can be a further source of confusion simply PM me or send me an inspire. Alona! |
![]() ![]() |
Expert ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | ![]() Thanks! I kind of messed up. I didn't mean to post this in two pieces. For ease of understanding it is best if it is one post. I made a new one so if marma or Ron could delete this thread... it would be helpful. Thanks. |