Thursday, 19 August 2010

Tina's Tutorials #1: How to Create Links

Blogging Tips and Tricks #1: Links, code and embedding

As a relatively competent IT nerd, I’ve been experimenting on blogger and have come up with some rudimentary codes/references that will hopefully be of some use to others out there.

Hopefully, this will become a series of posts, as I collect and record knowledge that I find, and share it with you.

●▬▬▬▬▬▬▬๑۩۩๑▬▬▬▬▬▬▬●

To post a link like this:
Tina @ Book Couture

Code:
<a href="websiteaddresshere">text goes here</a>

(replace the blue parts with your links and text)

It should look like:
<a href="http://www.bookcouture.blogspot.com">Tina @ Book Couture</a>

●▬▬▬▬▬▬▬๑۩۩๑▬▬▬▬▬▬▬●

To post an email address link like this:
Email Tina here

Code:
<a href="mailto:emailaddresshere">text goes here</a>

(replace the blue parts with your links and text)

It should look like:
<a href="mailto:readingcouture@gmail.com">Email Tina here</a>


●▬▬▬▬▬▬▬๑۩۩๑▬▬▬▬▬▬▬●

To post code:

1. Before you copy/ type up the code that you want into your post, go to the "Compose" tab while you're editing your post.

2. Move your cursor to the place where you want to put your code, and click.

3. Down the bottom, expand "Post Options".

4. Select the option "Show HTML literally".

5. Copy/type up the code that you want into your post.

 ●▬▬▬▬▬▬▬๑۩۩๑▬▬▬▬▬▬▬●

To embed a Youtube video onto your blog:
1. Go to the video on Youtube

2. Below the video, after the video description, there should be a button that says "Embed". Click on it.

3. Scroll down and customise settings for how you want the video to de displayed on your blog.

4. The changes you make will be automatically added to the code. Click on the code, and press Ctrl+C to copy it.

5. Paste the code into your blog while in the "Edit Html" tab. That should do it!


Hopefully this will help someone out there!
And in the meantime, happy reading! ^-^

xoxo Tina