Sample Image Postings

I think you will agree that the images using Flickr look better than the ones posted to my blog using the Hello program. The exact same images were posted using both Flickr and Hello. I listed the html code below the Flickr images so you wouldn't need to go back to the previous page to copy the html code.

Clickable Image Posted to Blogger.com Using "Add Image" Button


Clickable Image Posted to Blogger.com Using Hello


Clickable Image Posted to Flickr and Added to my Blog Using the following html code:

<a href="http://photos6.flickr.com/11413167_0568790dd3.jpg" title="Sample Image Produced From Flickr"><img src="http://photos6.flickr.com/11413167_0568790dd3_m.jpg" /></a>

You need to replace the blue text with the link for the large image. You need to replace the red text with the link for the small image. You need to change the green text to a title (which is the text that is displayed whenever you hover over an image with your mouse cursor without clicking on it).

Clickable Image Posted to Blogger.com Using "Add Image" Button



Clickable Photograph Uploaded to Blogger.com using Hello


Clickable Photograph Posted to Flickr and Added to my Blog Using the Following html code:

<a href="http://photos2.flickr.com/1436299_29bd9bd852.jpg" title="Sample Photograph Produced From Flickr"><img src="http://photos2.flickr.com/1436299_29bd9bd852_m.jpg" /></a>

You need to replace the blue text with the link for the large image. You need to replace the red text with the link for the small image. You need to change the green text to a title (which is the text that is displayed whenever you hover over an image with your mouse cursor without clicking on it).


Sample Image (Not Clickable) Posted to Flickr and Added to My Blog Using the Following html Code:

<img src="http://photos6.flickr.com/11413167_0568790dd3.jpg" />

You need to replace the blue text with the link for the image.


Clickable Button that Brings You to a Web Address Using the Following html Code:

<a href="http://georgesfreeware.blogspot.com/2005/02/wink.html"><img src="http://img114.exs.cx/img114/2198/upclickheretoseedemo6cp.jpg"></a>

The blue text is the address of the web site and the red text is the location of the image for your button.

Return to George’s Home Page

Return to Part 2, Adding Images to Your Blog