Using images and links in your blog is one of the easiest, yet sometimes least obvious, way to make your blog user friendly. The basic process is easy - each component is so simple to setup. Combining the various components, though, takes a bit of thinking. Maybe this article will make you think a bit.
Each of the examples presented build on examples above it, so read the whole article if you have time available. Also, you may want to read the additional advice provided. And note the difference between how you create a hyperlink in the Blogger post editor, as opposed to many forum, and other web site, editors.
And for additional advice about using pictures in your posts, see Arranging Pictures In Your Posts, and Arranging Pictures In Your Posts, Side By Side.
>> Top
- A URL. A URL is one of the building blocks in HTML.
- A Hyperlink. A hyperlink is simply a URL with a caption.
- A Hyperlink, With A Hidden URL. We can have a hyperlink, with a caption describing the destination.
- A Hyperlink, With A Visible URL. We can have a hyperlink, with a caption showing the destination URL.
- A Hyperlink, With The Target Content Opening In A New Window. We can have a hyperlink, with the targeted content opening in a nw window (or tab, as your browser is setup).
- A Hyperlink, With The Target Inside Another Post. We can have a hyperlink to a section inside another post.
- A Picture, Embedded In The Post. An embedded picture is another building block in HTML.
- A Picture, Displayed Externally. We can have a hyperlink to a picture, displayed in another post.
- A Picture, Displayed Externally, Opening In A New Window. We can have a hyperlink to a picture elsewhere, displayed in a new window (or new tab, if the browser is so setup).
- A Button. A button is simply a hyperlink, with a picture substituting for the caption.
- A Button, With The Target Opening In A New Window. We can have a hyperlink to an article, displayed in a new window (or new tab, if the browser is so setup).
- A Picture, with Text. We can put text (again, a caption) beside a picture.
- A Button, with Text. Similarly, we can put text (again, a caption) beside a button.
- A Picture, with no border. For a cleaner look, we can display a picture without a border.
- An Enlargeable Picture. We can link to a picture that is enlargeable, in some browsers.
- An Enlargeable Picture, with A MouseOver Popup. We can have a picture that pops up a description of the picture when we move the mouse over it.
- An Enlargeable Picture, Opening In A New Window. We can link to a picture that is enlargeable, in some browsers, and opens in a new window (or new tab, if the browser is so setup).
Each of the examples presented build on examples above it, so read the whole article if you have time available. Also, you may want to read the additional advice provided. And note the difference between how you create a hyperlink in the Blogger post editor, as opposed to many forum, and other web site, editors.
And for additional advice about using pictures in your posts, see Arranging Pictures In Your Posts, and Arranging Pictures In Your Posts, Side By Side.
>> Top
Comments