Creating Image Links

Welcome to Blogging Sueblimely. To keep up with my posts you can subscribe to my RSS feed and follow me on Twitter. Thanks for visiting!

How to add an image link to your blog template:

You can see an example of what I mean by an image link on the right of this page -’the Sunshine on Fragile X Doris Buffet Challenge Image’.

An image link is an image that when clicked takes you to a web site - just like text links do.

Below is the HTML code used to make an image called ‘autism_awareness.jpg linkable to the site www.autism-society.org:

Lets break this down:

Image coding:

<img src=
“http://www.sueblimely.com/blogger/images/autism_awareness.jpg”>


This produces an with no linking - the image is
hosted on my own site at www.sueblimely.com\blogger:

The linking code:

<a href =”http://www.autism-society.org”></a>

This needs to be place around the image:

<a href =”http://www.autism-society.org”>Your Image </a>

Putting it all together:

<a href=”http://www.autism-society.org”>
<img src=”http://www.sueblimely.com/blogger/images/autism_awareness.jpg” /></a>

And here it is:
Autism Awareness

To add this to your sidebar in Blogger:

Old Blogger - edit your template and put the above code inside your sidebar.
New Blogger - add a new HTML/Javascript Page Element and place the above code inside it.

Popularity: 1% [?]

Rate this:
2.5
Sueblimely signature

RSS feed | Trackback URI

2 Comments »

Comment by no imagexzcxccxc (Who am I?)
2008-07-06 01:03:23
 
Comment by no imagekevin from cheap web hosting package (Who am I?)
2008-08-05 11:22:22

You can also put a alt tag on images. This can be used with keywords or phrase of the image.

If you need some free images try site below they list alot of the best ones.

Stockphotos.

Rate this:
3.0
 
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong> in your comment.

This site uses KeywordLuv by Stephen Cronin. Enter YourName@YourKeywords in the Name field and both will be shown. e.g. Sue from Blogging Sueblimely

WordPress | Based on The Sandbox