How To Hyperlink An Image To A Web Page

Two days ago, I published an article titled, “How To Insert An Image Into A Post“. If you don’t know how to do that, then I want to encourage you to read that very short and easy to understand article first before reading this article. In this article you will learn how to take an image that you inserted into your post and hyperlink it to a web page. Just like inserting an image into a post, linking an image to another page is also very simple and easy to do.

In the last article, I showed you this:

<img src=”http://www.google.com/images/logo_sm.gif”>

which results in this on your post:

Now if you add this in front:

and this at the end:

</a>

Then you have this:

<a href=”http://www.google.com”><img src=”http://www.google.com/images/logo_sm.gif”></a>

Which results in this on your post:

Roll your mouse over this Google image and you will see that it hyperlinks to www.Google.com

Pretty cool!

That is all there is too it!

Now you can insert images into your posts and link them to a page using straight HTML code instead of using your standard rich editor blog publishing wizard.

If you have any comments, questions, or suggestions… please feel free to leave me a comment. I am here to help. My goal is to take a lot of the mysteries out of blogging, which hopefully, will make your life a little easier. Overall blogging is very simple, HTML in fact is very simple. The English language is much harder to learn than HTML. Some people go their whole life speaking improper English… HTML can be learned over a weekend, and mastered in a month.

External Links & Additional References:

Add style to your post with HTML and CSS

Published on January 8th, 2007 by Garry Conn | About Me | Join Free Mailing List |

Some Related Posts You Might Be Interested In

How To Insert An Image Into A Post - In this article you will learn how to insert an image into a post quickly and easily. Read this short...
Increase Blog Traffic With Google Image Search - How many times in a week do you search for images in Google Image Search? For bloggers, those numbers may...
Display Two Posts Per Page Keeps The Googlebots Here To Stay - I have said it before... by limiting the amount of post you display per page (two, three, four, or five...
Successful Blogging Tip: Minimize Your Page Load Time - I understand that the majority of bloggers have high speed Internet of some kind. I do too, but I also...
How To Wrap Text Around Images Using CSS In Your Blog Posts? - In this article I want to show you how you can manually insert an advertisement into your post without having...

Related Keyword Tags:

RSS feed| Trackback URI

2 Comments»

Ed Sistrunk Wrote a Comment:

Date/Time: 1-8-2007 12:36:35 Comment #69

Garry,
I have completed/activated Feedburner. You can know subscribe.

Reply to this comment

Garry Conn Wrote a Comment:

Date/Time: 1-8-2007 15:40:22 Comment #70

Good work. I like it, you should raise it up a little bit if you want people to see it.

Also, I would reduce your links down quite a bit on your home page, otherwise Google is going to have a difficult time accurately following the more important links.

You want an accurate index of your article on Google’s SERP. When you have so many other external links on the page you will cause the Google Bot to index on portions of your site.

What I would do is create pages to help consolidate your links. Here is what I would do:

Create a New Page - Title this page, “My Links Page” or “Political Blog Links” or something to that nature and maintain your collection on links on this page. This will make your page load quicker, and give you a more accurate index when Google Bots visit.
Use The More Tag - There is nothing wrong with having 10 or more of your latest articles appearing on your home page. But, when you load the entire contents of each article you make your front page slow and too cumbersome for loading. You should write a two sentence paragraph that gives the view an introduction to the article and then slap the more tag in. This will allow the viewer to continue to read the rest of the article on the article page.
Remove Google Adsense - Your site is in violation of Google TOS. Your site talks about politics. Nothing to hide there but having Adsense on sites like this is against their policies. More likely when you start to get a little money in that account, either they will find out on their own, or someone who might be gunning for you will report you. In addition to all that, I personally would be nervous of the Google Bot making a notation that you have it up and running. That could potentially knock a few favor points off your SEO… which you do not want!
Sell Books/ Audio Books- Set up an Amazon store and sell books or other products that people you are targeting would be interested in. Might make you a little more than Adsense

These are all just suggestions to help you. I feel that a fast loading front page is important. I feel that you should limit your links to a maximum of 100 per page. The more tag is great tool for Google Indexing strategies. Remove Adsense and turn viewers into buyers of books that you personally enjoy or recommend.

Talk to you soon,
Garry

Reply to this comment