Make a picture into a link

Hi all! New week starting off great! SO we're here with more handy-dandy blog tips, SEO advice(search engine optimization), the scoop on easy HTML and all news on technical features and softwares.. or for short: Technical Support, as everybody already knows it:)


The topic for today is: how to make a picture into a link!

That practically translates into having a picture in your post that directs somewhere else when being clicked. It could be an older post that has references connect to the picture, it could be someone else's blog, or a guest post you did on another blog. It could be anything and everything. You choose!

I will choose a picture of some cute mini ginger man i did last year and i will make the picture direct to the post i did back then. SO here is the picture I'm gonna use:

There's many ways of doing this, but the easiest way is this. This is the picture's code when you uploaded it from your computer:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMJrl5GtYBNwt77GKqzFzAZ90QW9b4e36ef4X7WhE0myrJVBpx_DRwKqlBrq2DbNksxMcz-icLRDBY7T0Y7kaclOMMd7FTygqKZ46Dz4KbmQxlTF3E93SvnZu6xaOxtnvI2FRQp1KJIJE/s1600/DSC06854.JPG"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMJrl5GtYBNwt77GKqzFzAZ90QW9b4e36ef4X7WhE0myrJVBpx_DRwKqlBrq2DbNksxMcz-icLRDBY7T0Y7kaclOMMd7FTygqKZ46Dz4KbmQxlTF3E93SvnZu6xaOxtnvI2FRQp1KJIJE/s320/DSC06854.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5504032558723268386" /></a>
Now what you need to do is delete this part from it:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMJrl5GtYBNwt77GKqzFzAZ90QW9b4e36ef4X7WhE0myrJVBpx_DRwKqlBrq2DbNksxMcz-icLRDBY7T0Y7kaclOMMd7FTygqKZ46Dz4KbmQxlTF3E93SvnZu6xaOxtnvI2FRQp1KJIJE/s1600/DSC06854.JPG"> and at the end of the code, delete this part too-----> </a>
Then what you need to do is go back into your post and click the insert link button at the top of your editor, on the tool bar:

And then insert the link you want the picture to direct to in there, like so:

Then hit save and the picture should direct to the post you wanted to, just like mine does. There, click it and see!!
Now that's for that for today! Hope it helped!! Check back to see what comes up next in Blogger tutorial section, SEO tips department or how we teach new HTML tricks & tips every day!