How To Add picture Links in Blogger posts

Upload an image to blogger and you'll see some code like this:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVoCMcRPbVW5NMe2vZgxJutMnETAvQ3cULrKHgBlipaWTnZZ7vSgKH-UIKySWDEEcn1fPt9AB3JYEymR-NkPFHQCOw0UeiVa5PDQyg27FmeZ1lH_0H3lAS5iSZ19sZKc66KXZgCkk2v90/s1600-h/word33.png"><img style="cursor:pointer; cursor:hand;width: 400px; height: 90px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVoCMcRPbVW5NMe2vZgxJutMnETAvQ3cULrKHgBlipaWTnZZ7vSgKH-UIKySWDEEcn1fPt9AB3JYEymR-NkPFHQCOw0UeiVa5PDQyg27FmeZ1lH_0H3lAS5iSZ19sZKc66KXZgCkk2v90/s400/word33.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5354519305007574418" /></a>

Now replace the red colored URL with the URL of your link and your image will be linked to that URL.Now publish your post.You are done.Look at the example below.I linked the image to my twitter account.

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://twitter.com/keerthiset2"><img style="cursor: pointer; width: 400px; height: 90px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVoCMcRPbVW5NMe2vZgxJutMnETAvQ3cULrKHgBlipaWTnZZ7vSgKH-UIKySWDEEcn1fPt9AB3JYEymR-NkPFHQCOw0UeiVa5PDQyg27FmeZ1lH_0H3lAS5iSZ19sZKc66KXZgCkk2v90/s400/word33.png" alt="" id="BLOGGER_PHOTO_ID_5354519305007574418" border="0" /></a>