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
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
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
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
[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.
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
5.List of Links
If you want to use a list of links ,then you should use the
There you will see something like
Additional Options1.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
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
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
[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.
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
5.List of Links
If you want to use a list of links ,then you should use the
- and
- stands for unordered list and
- 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 Ordered List Code To change this to an unordered list,i.e without numbering, just change
- to
- and
No comments:
Post a Comment