Examples of Embedded Links (Hyperlinks)

“How do I create a clickable link in blog comments?”

Since this is a question I answer at least three times a week, I thought I would take a few minutes, and detail exactly how to create an both an embedded image link and  a text link.

First, a couple of definitions.

Hyperlinks

A hyperlink is text in the current post/page that is highlighted so that when clicked, the browser automatically displays another page or changes the current page to show the referenced content. The highlighted element is known as a hyperlink (or link for short).

Embedded

A little tougher to define, embedded links are just another way of saying a link that when clicked, leads somewhere else. Embedded links can be more than text though. You can embed an image as a link to another page on the web.

Clear as mud, right?

Okay, let me break it down for you in everyday marketing terms. Let’s say you are an affiliate for a product and you want to create a hyperlink (link) to the sales page. (Do I have your attention now?) You can create a text link or an image link.

Sample Text Link

The text link will contain text such as click here to Learn more about Your Guide To A Better Blog here. We want that link to send  the visitor to the sales page for that product. We also want to open the link in a new window, so the visitor doesn’t lose their place on our site.

You can copy the text below as a template to use on your site: Learn more about <a href=”http://www.UltimateGuideToWordpressPlugins.com” target=”_blank”><strong>Your Guide To A Better Blog</strong></a> here

How the link will appear in your page
Learn more about Your Guide To A Better Blog here

Sample Image Link

If you want to make an image *clickable*, so that it leads your visitors to another site link the text link, the image you want to use has to be located somewhere on the web. In other words, you have to first upload it to your domain. The /images/ folder is recommended, but not a requirement.It can actually live anywhere on the web, even another domain.

You can copy the text below as a template to use on your site: <a href=”http://cenay.cnusp.hop.clickbank.net”><img src=”http://www.UltimateGuideToWordpressPlugins.com/images/an-125-wpguide.gif” width=”125″ height=”125″ /></a>

How the image/link will appear on your page

As you can see, both work to send your visitor wherever you want them, though both have their uses. I prefer images in my sidebar, and text links on my posts. However, I also will include images in the post and wrap the text around it (as in the example below) by adding a class to the image tag. I added class=”alignleft” in the sample below to force the sample text to wrap alongside the image.

How the image/link will appear with class=”alignleft”

If you’re serious about building a better blog, a blog that gets indexed and shown on the search engines almost instantly, a blog that encourages visitors to keep on returning, a blog that brands you as a trusted professional and hence increases the likelihood of them buying from you… if you are serious about all this and more, then grab the Guide To A Better Blog right now, for the introductory price of $47.

Both the text link and the image link allow for additional options like alt tags, title tags and special definitions or classes. However, the two samples shown above should be enough to get you embedding links anywhere you want, including in blog comment areas.

About The Author

Cenay Nailor is an Internet, Affiliate and Networking Marketing success coach with mad technical skills she loves sharing. Visit her blog and sign up for a weekly injection of Tech-Based Marketing help, sent right to your inbox. http://www.CenayNailor.com

If you enjoyed this post feed yourself updates!