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<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
- URL NAME 1
- URL NAME 2
- 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]
0 comments :
Post a Comment