Step 26. Creating Links

After you have added some copy to your blog post you may want to turn a word or words into a live link. You can do this by highlighting the words you want to become a link. While your words are still highlighted click on the third icon on the menu bar above where you type to post. When you hover over it a balloon that says "insert link" will appear. Click on it.

Below I want to turn the words Cutest Dog Ever.com into a link that takes viewers to my dog's website.

When you click on the "insert link" button the following window will open. it already has the "http://" in the window. Click on the blank space after and add in the rest of the url you want to link to. I've gone ahead and added in the url to my dog's website. The words you highlighted will automatically become a link.

This is what your new link will look like in the "Compose" mode of creating a post.

And this is what your new link will look like in the "Edit HTML" mode of creating your post. One more thing. To make your link open in a new browser window you need to add the following part in blue:

<a href="http://cutestdogever.com" target="_blank"/>Cutest Dog Ever.com</a>

Below is an HTML only tutorial about how to create hand coded links:

1. How to make a link:

<a href=_______________________>______________________</a>

2. Basically the code never changes and always looks like this:
I've highlighted in orange and pink the parts you change, the rest always stays the same.

<a href=http://your url goes here>the words for the link</a>

3. So a finished link in HTML code looks like this:
Code is what you can type into your message to create links as you type your post.

<a href=http://theflirtyguide.blogspot.com/>Stacie's Flirty Blog</a>

4. As you are typing it'll look something like this:
I have a blog you should read it. It's my online journal of what I've been up to. It's called <a href=http://theflirtyguide.blogspot.com/>Stacie's Flirty Blog</a>. You can read funny stories about my life, updates about my wedding planning and interesting things about my new business <a href=http://theflirtyguide.com/>The Flirty Guide</a>. Ah ha! Did you catch that? I just snuck in another link right there.

5. Finished this is what your readers will see:
I have a blog. You should read it. It's my online journal of what I've been up to. It's called Stacie's Flirty Blog. You can read funny stories about my life, updates about my wedding planning and interesting things about my new business The Flirty Guide. Ah ha! Did you catch that? I just snuck in another link right there.

6. One more thing...
If you want the link to open in a new window instead of opening in the same window add the code in blue and don't forget the first quotation mark before the http:

<a href="http://theflirtyguide.blogspot.com" target="_blank"/>Stacie's Flirty Blog</a>