Facebook Fan Page Computer Tutorials News Blogging Internet Latest Posts

Today is:

How to create hyperlinks or links in your blogger posts

How to create hyperlinks or links in your blogger posts

You are here: Home / Tutorials / Blogging / How to create hyperlinks or links in your blogger posts

Blogger is one of the two popular and commonly used blogging platforms in the blogsphere. The second blogging service is Wordpress. All of the two offers a variety range of options for a blogger to perform different operations on his/her blog.

As the title of this post implies, today I thought it's worth sharing with you the tricks and tips on how to create links on your posts in blogger. If you have not caught up my point, let me make it clear. What I mean is: this tutorial will teach you how to link your web pages or posts. For more information about what a hyperlink or link is, visit our hyperlink definition and explanation post.

Actually, the Idea of linking your posts is great as it will make it possible for your visitors to navigate throughout your blog easily and comfortably. Regardless of which mode you're creating your post in, whether in HTML or in the Compose mode, this tutorial will give you all tricks that work into both modes.

1. Creating text links in the HTML editor

If you're creating your post in the HTML mode, then you'll have to create your links by using the HTML codes. Html codes might seem complicated if you have no coding experience, but don't worry as we are going to make it easier below: The HTML tag used for creating hyperlinks is an Anchor tag which is written as: <a href=""> </a>.

To get started go to your Post Editor and switch to HTML mode by clicking on the HTML tab located at the top left corner of the post editor. Type in the below code:

<a href="http://mjknetten.blogspot.com">Home Page</a>

Deep explanations about the above code

The 'a' tag is used to create links. It allows different attributes whereby the most important one is the href="" attribute which requests for the page-to-link-to url. For the case of our above code simply replace http://mjknetten.blogspot.com with any web address of the web page you want to link to. Type it right between the two double quotation marks and remember starting with: http://.

Replace 'Home Page' to any text. This is what your visitors will click on. View the results of our above example code below:

Home Page

2. Creating text links in the compose mode

Creating links while you are in the compose mode in the blogger post editor is extremely easier than in HTML.

What you suppose to do here is switching into the compose mode and type the text you want it to be clicked by a user so that he or she will be able to go to the specified web page.

Highlight your text and click on the Link button located on the tools bar at the top of the post editor. See an image below.

Clicking on the Link button will display a small dialog box similar to the one you can see on an image below. This dialog box has different options:

  • Click on the Web address radio button. In the Text to display text box, type in the text you want to be displayed/printed on a web browser.
  • In the Link to text box, type in or paste the URL or web address of the page you want to link to. Note also the Web address and Email address options. If you want to link a an Email account click on the Email address radio button and type on or paste your email address/ID in the 'Link to' text box.
  • Click on the Ok button located at the bottom left of the dialog box. You will see the text in blue color and an underline decoration to your text.

Now you know how to create hyperlinks or links in www.blogger.com. You can use these techniques any time you want to link your web pages, another website or even your email account.

Related articles

Advertisement!

No comments:

Post a Comment