How To Add picture Links in Blogger posts

Posted by Lasantha Bandara File Under : html, image 0 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>

«
»

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.