How To Add picture Links in Blogger posts

Posted by Lasantha Bandara on July 4th, 2009 File Under : html, image0 Comment

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

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-j7_-ccACuU/Sk8S8D3yrZI/AAAAAAAAAx4/EBamLqndlVQ/s1600-h/word33.png"><img style="cursor:pointer; cursor:hand;width: 400px; height: 90px;" src="https://4.bp.blogspot.com/_-j7_-ccACuU/Sk8S8D3yrZI/AAAAAAAAAx4/EBamLqndlVQ/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://4.bp.blogspot.com/_-j7_-ccACuU/Sk8S8D3yrZI/AAAAAAAAAx4/EBamLqndlVQ/s400/word33.png" alt="" id="BLOGGER_PHOTO_ID_5354519305007574418" border="0" /></a>

File Under : html, image

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.