Links 270720

-

Well, this time I make a basic simple tutorial. For all advanced geek who read this blog, please ignore this post...  I just wanna help myself not to teach the same basic thing on every newbies friends that really need help.

OK guys, back to the howto...

There are two ways to create a hyperlink on your blog post. One is the simple GUI way and the other is coders way. I prefer the coder way as I can have more control on it.

I like to teach by example. So, let say you wanna create a hyperlink on this line of words...

You can go here to see my art blog


where you wanna link the word "here" to the other page on your blog or on the internet. In this example, I wanna link it to my Art Of Apogee Blog post with the address:
http://artofapogee.blogspot.com/2008/03/gimp-best-free-photoshop.html

And here is how to do it using both ways...

The simple GUI way

If you rollover every button on your Compose toolbar, you can see one button called "Link" where the word Link will pop up when you hover the button like this:

Now, all you have to do is to highlight or select the word "here" on that phrase, click the link button or press Ctrl+Shift+A, type or paste the URL (the link address) and press Enter or click OK.

Pretty fast huh?... here is the slow motion...
1. Select the word "here"


2. Click on the Link Button or press Ctrl+Shift+A


3. Type or paste your link address (Um... technically it is called URL) and click OK



Believe it or not, it's done...

The Coder way

The coder way may be a bit hard for newbies who's not familiar with HTML tags. But it is good if you wanna have more control on your resulting output...

Using the same example situation, now go to the Edit Html tab. It is on the top-right of your typing area.

And using the same method, select the word, click the Link Button or press Ctrl+Shift+A, paste the URL and click OK. But now, you can see the text should look something like this:

You can go to see my art blog

Actually, it is basically done but I personally would love to add more things to that link code. For example, if I want a descriptive word to pop up and say "Art Of ApOgEE Blog", I can simply add this line of code:

title="Art Of ApOgEE Blog"

just before the > character. And I can also add this line:

target="_blank"

if I want my visitor to open up new window or tab if they click on that link. Very helpful for web surfer like me who don't wanna get lost from my main reading and have to click back button to reload my currently reading page...

Comentarios

Publicar un comentario