How to Make an Image Clickable on a Blogger Blog
Updating a Blogger blog is straightforward with the free content management system that comes with all free Blogger accounts. You can enter text, images and links into new or existing Blogger blog posts, and then publish the new or edited item direct to your blog. One of the limitations of the Blogger content management system is that there's no option in the blog post editor interface to add a "clickable" link to an image. To make an image clickable in a Blogger blog, you'll need to use the "Edit HTML" option when you create or edit a blog post.
Other People Are Reading
Instructions
-
-
1
Launch your Web browser and log in to Blogger.
-
2
Click the "Edit Post" link under the title of the blog that you want to edit. This displays a list of all blog posts for your chosen Blogger blog.
-
-
3
Click the "Edit" link beside the post that you want to edit. This opens the content management system's blog post editor in the default "Compose" mode.
-
4
Click the "Edit HTML" tab at the top of the blog post editor interface. This shows the HTML code for the blog post.
-
5
Find the correct line of HTML code for the image. This starts with "<img src".
-
6
Type the code "<a href="http://www.abc.com">" immediately before "<img src" but replace "www.abc.com" with the link address for the Web page that you want users to visit when they click the image.
-
7
Type the code "</a>" immediately after the first occurrence of ">" following "<img src". This tells Web browsers to treat the image as a link.
-
8
Click the "Publish Post" button to save and upload the changes.
-
1
Tips & Warnings
Test the image link by visiting your blog page on a Web browser. If it doesn't work correctly, check that you've used the correct HTML code.
