Tuesday, May 1, 2012

Blog Design 101 - Links

Hi all! Hope you are enjoying the first day of May. Shyscout hit 200 followers last night!! *Doing the happy dance* Thank you so much for the support. I really love getting to know all of you and checking out your blogs. What an incredible way to start the month! I also thought it was only appropriate to kick start the month with a new feature on the blog – Blog design 101 – tutorials to help bloggers beautify their blogs. I will be breaking tutorials up in to two groups – html and graphics. Here goes nothing...

---------------------------------------------------------------------------

Last week I asked you to submit any design problems you would like solved. For my first set of tutorials I plan to answer your questions in the order they were submitted, therefore, today I am going to tell you a bit about html hyperlinks - aka - links.


Links are used all over the web to connect one webpage to another. Links use a word, phrase, or image to connect you to another document. Knowing how to properly write a link is beneficial to bloggers because it allows you to:

1. Connect your pages to previous posts.
2. Connect your content/images to their original source.
3. Allows you to connect a button to your page.

Thankfully links are one of the easiest and most straight forward codes out there.

LINK SYNTAX


EXAMPLE:


---------------------------------------------------------------------------

LINKING IMAGES
For linking images - such as creating a functional button for your blog - you simply insert the image code in place of the link's text.

EXAMPLE:


-----------------------------------------------------------------------------------------

ACTIVE LINK WITHIN BLOG POST
In order to create an active link within your blog's post simply place the link within your text.

EXAMPLE:


Depending on your blogs layout you may want to bold the link so that the link stands out within the text like so:

EXAMPLE:


-----------------------------------------------------------------------------------------

BLOG TAG LINKS
Last but not least - to create a link for specific blog tags simply use the following link

EXAMPLE:


*If your tag has multiple words place a %20 where the space would be.
For example: .../label/Wardrobe%20Wednesday

-----------------------------------------------------------------------------------------

I hope this was helpful to some of you. I realize we are all on different pages when it comes to blog design and coding. I was asked to explain this, so here it is. The tutorials will range in difficulty from here on out. Feel free to ask any design questions you would like answered in the comments below and I will cover them in a tutorial as soon as possible :]

Newer Older Home
Related Posts Plugin for WordPress, Blogger...