Skip to main content

Blogger tip: add a link to any image with no HTML editing

When you insert an image into a Blogger blog post, it is usually linked to the larger original-sized image, which - when clicked - is viewable as a Lightbox overlay.

Sometimes you may want the image to link to a different web page instead.

Not sure what I mean?
Click to see a larger image:

Click to open my Blogger Tips Collection web page

If you are a HTML expert, you can switch the blog post editor to "HTML" mode and manually edit the image link.

But if you aren't comfortable editing your blog post code, you can add a web URL to the image with just few clicks.

Here's how you do it:


How to add a link to a Blogger blog image


1. Sign in to Blogger and open the post editor in Compose mode

2. Click the Insert Image icon

3. Add an image from any source (Upload, Google Album Archive, Phone (Google Photos))

Learn more about how insert photos and videos into a Blogger blog post in the Blogger Help Center.

4. Click the image once, and Link should be highlighted on the menu bar and you will see image formatting options.

Note "Link" on the top menu is highlighted blue 

5. Click Link again to to remove the link to the larger image

6. Click the image again

Note that "Link" on the top menu is now NOT highlighted

7. Click Link again to open the Edit Link window






8. Enter a web address URL

9. Click OK to save the changes

Note that you will not be able to check the link on the blog post Preview by clicking the image. 

Confusing?

Watch the video showing how to add a link to a Blogger blog post image.

For more tips on how to go beyond plain text in your Blogger blog post, watch my free webinar: Blogger: Beyond Text with Michael Daniels or watch my other Blogger tutorials.


Posted by Peggy K

Comments

  1. What a simple solution. I can't believe I never thought of this. Very useful tip for somebody like me who's been doing it the hard way all this time. Thanks for this.

    ReplyDelete

Post a Comment

Advertisements



Popular posts from this blog

Embed YouTube livestream and live chat on your blog or website

How to Disable or Mute Replies to your YouTube Comments

How to find your shared Hangout photo albums

Get a Custom URL for your YouTube channel and Google+