How To Add picture Links in Blogger posts

b2296b4c07f4680422cd1f9ca99f4a8ddelicious

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="http://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="http://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