Whatcha Makin' Now?: How to Link Your Images to a URL in Blogger

Pages

Related Posts Plugin for WordPress, Blogger...

Wednesday, September 4, 2013

How to Link Your Images to a URL in Blogger

When planning topics for my weekly Whatcha Learnin' Now posts I think back to questions that people have asked me. This is a quick little tip, but very helpful when you want to direct your readers to a particular post! You know all the recipe round-ups? You could link those images to the original blog post as another way to access the information!

How to Link Your Images to a URL in Blogger

In Compose view: 

1. Open a blog post and insert a picture.

2. Click on the image to view the toolbar of options for the image. Select the 'Edit Link' option.

How to Link Your Images to a URL in Blogger

3. A small window will open with a box asking 'To what URL should this link go?'.


4. Remove the link you see with the website URL you'd like the picture to link to. You can also opt to have the link "Open in a new window" and test the link from this screen!


5. Click "OK" and you're done! 



In HTML view:

1. While in 'Compose' view insert your image like normal. 

2. Click over to the 'HTML' tab to view the coding of the post. Look in the code for <a href=. This will show you the current URL and will always end in .jpg or .png because it's an image. 

{Click below image to view larger.}

3. Replace the image link with the website URL you'd like the image to link to. The link should be entered within like so: <a href="linkhere">  

{Click below image to view larger.}

4. If you'd like the image to open in a new window, add target="_blank". 

{Click below image to view larger.}

5. Click back to 'Compose' view and finish you post like normal! 


Want to learn more about HTML? Here's a printable cheat sheet for you!




5 comments

  1. Unfortunately, when I click on a photo, the tool bar only offers Properties, not Edit Link. Any suggestions of why this would be so? I've been on Blogger for years and years. Could there be some essential update I've missed? I rather assumed those were added automatically since the editable Search Description just appeared one day.

    Thanks in advance!

    ReplyDelete
    Replies
    1. Okay, I think I pinpointed the problem.

      I think it's a Blogger issue; the option shows up for me in Chrome but not when I use Internet Explorer. I did just submit a ticket/question to Blogger to see if that is the case and how to resolve. In the meantime, it might not hurt to try in another browser or make sure your current browser is up to date. I'll let you know if I hear more!

      The HTML section will still work though!

      Delete
    2. I only use Chrome! I think I even delete Safari from my Mac. Let me check and I'll try it if I haven't. Thanks!

      Delete
  2. Let me do a little researching and see why!! Thanks for letting me know!

    ReplyDelete

I'd love your feedback! Make sure to leave your email so I can respond. Or, drop your blog link so I can check out your site!