Some Tricks for making links in Blogger Posts

Creating links in blogger is very easy. There is a link Option in our WYSIWYG Editor.When you use this option you can easily add a new link. Now to see the Code of this link just clisk on the Edit Html Option on your Editor[See image for details]

There you will see something like

<a href="The UrL">The Text</a>

Additional Options

1.Open The link in New Window

To open the link in a new window,add the target="_blank" option to your link so that the code becomes something like

<a href="The UrL" target="_blank">The Text</a>

2.Adding a Relation attribute

Relation attribute can be specified by adding the rel="relation"

The relation attribute is used to specify the relation of the link to the our post. One commonly used relation is external which specifies that the link is a link to an external page

<a href="The UrL" rel="external">The Text</a>

The external relation is not much useful to us.But there is yet another one,

rel="nofollow" - When we add this to a link,we specify the search engines that they shouldn't go exploring this link url from our post page.This thing is important.Having too many links[especially to external pages] is not good for Search Engine Optimization. So if you link to some external website use the rel="nofollow" option

<a href="The UrL" rel="nofollow">The Text</a>

[Note:Don't use the rel="nofollow" option when you are giving credit to the original author of an article that you use in your blog.They deserve to be followed by the search Engines :)]

3.Adding the Title Attribute

If you add a title attribute to a link,then if someone hovers his mouse over that link,the title will be displatyed as a description of the link.

<a href="The UrL" title="The Title">The Text</a>

As an example try doing a hover over the next link[W3Schools] it will display Title of the link to W3 Schools.This is beacuse i have given this text as the tilte attribute of that link

To know more about the different attributes available for links visit W3Schools . Its the best place for a beginner.

4.Remove Underlining of a link

In some blogger templates,the links within the posts may be underlined. To remove the underlining you can use the style attribute - text-decoration:none

<a href="The UrL" style="text-decoration:none;">The Text</a>

5.List of Links

If you want to use a list of links ,then you should use the<ul> <ol> and <li tags

<ul> stands for unordered list and <ol> stands for ordered list.:( What does this mean??

Ordered list means the list of links will be numbered. Here is the demo

Ordered List Demo

1. URL NAME 1


2. URL NAME 2


3. URL NAME 3

Ordered List Code

<ol>

<li><a href="URL_1">URL NAME 1</a></li>

<li><a href="URL_2">URL NAME 2</a></li>

<li><a href="URL_3">URL NAME 3</a></li>

</ol>

To change this to an unordered list,i.e without numbering, just change <ol> to <ul> and </ol> to </ul>

You can also use the ordered and unordered lists for arranging normal text[other than links]