Just a quickie blog tip in response to an e-mail...maybe it will help you too!
1. Add your image to your post (easy enough).
(Note: When you add an image to your post via Blogger's wizard, it will automatically provide a clickable link to a larger [i.e., true size] image. By modifying the HTML via this blogging tip, this "larger" image will no longer be available. As such, ensure that you are satisfied with your image size before continuing.)
2. Click the Edit HTML tab.
3. Find the HTML of the image you just added (see the next screenshot for an example).
4. Note the shaded area in the screenshot above (i.e., the area immediately following <a href= ). That is the link that Blogger provides to a larger image. Delete the URL between the two quotation marks.
5. In between those two quotation marks, add your link that you want the image to click to (in this example, I have simply made my image clickable to this blog).
6. Click Publish Post and test your link to ensure that you have done it correctly.























4 comments:
Great info...thanks!
Thanks Allison for the info...girl you are always giving such great info and great ideas!!!
Hi Allison,
Today I posted an entry on my blog with a link to this tutorial.
Let me know if that's not OK.
Thanks,
Nancy Ward
Hi Allison,
Would this work for using screen shots in a tutorial then?? I had saved screen shots in Word but then couldn't find out how to post them into the tutorial - would this work for that??
Hugs
Dawn xx
Post a Comment