Creating a Picture Link

You can  create picture link so that when a user clicks an image in your post, it will direct to the link post.
 

How..featured post

When we upload a picture from the image, the html is as follow:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVE0XByUxOBPrXhC0fnUDTwlsGY3msZnqyNo7tkfdEQ_D0aMoGj_Osvq7_zndcEgCeQ0j1BRMro7kfFHavFQBqa95kuDwPx2rv3RaIo6NO0BHYbK31V6GnJEvmHuWCKHMBmFmRcXKXMT0/s1600/036.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVE0XByUxOBPrXhC0fnUDTwlsGY3msZnqyNo7tkfdEQ_D0aMoGj_Osvq7_zndcEgCeQ0j1BRMro7kfFHavFQBqa95kuDwPx2rv3RaIo6NO0BHYbK31V6GnJEvmHuWCKHMBmFmRcXKXMT0/s320/036.JPG" width="150" /></a></div>

By default, when you upload a picture, it is linked to itself. So as to link it directs to your post, we can just change the 1st link to our desired post- link (which I highligt in "Blue")

<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://yip-sf.blogspot.sg/2012/08/blog-tutorial.html" style="margin-left: auto; margin-right: auto;"><img border="0" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVE0XByUxOBPrXhC0fnUDTwlsGY3msZnqyNo7tkfdEQ_D0aMoGj_Osvq7_zndcEgCeQ0j1BRMro7kfFHavFQBqa95kuDwPx2rv3RaIo6NO0BHYbK31V6GnJEvmHuWCKHMBmFmRcXKXMT0/s200/036.JPG" width="150" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">How..featured post</td></tr>
</tbody></table>

I aslo change the alignment of the picture, so that at all picture could align in a row in order to save place and have a more presentable format. (which I highlight in "Green").  An caption is added too to show the title of the post . (which I highlight in "Grey")

 
Finally I got my page post as follow :

Blog tutorial

How..featured post

How..newer/older post

How..falling object

<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://yip-sf.blogspot.sg/2012/08/blog-tutorial.html" style="margin-left: auto; margin-right: auto;"><img border="0" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVE0XByUxOBPrXhC0fnUDTwlsGY3msZnqyNo7tkfdEQ_D0aMoGj_Osvq7_zndcEgCeQ0j1BRMro7kfFHavFQBqa95kuDwPx2rv3RaIo6NO0BHYbK31V6GnJEvmHuWCKHMBmFmRcXKXMT0/s200/036.JPG" width="150" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">How..featured post</td></tr>
</tbody></table>

<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://yip-sf.blogspot.sg/2012/08/newer-n-old-post.html" style="margin-left: auto; margin-right: auto;"><img border="0" height="134" src="http://2.bp.blogspot.com/--sU8dKrQSEU/UCy2Ujup8dI/AAAAAAAACEw/5B81jBhXFaU/s200/013.JPG" width="150" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">How..newer/older post</td></tr>
</tbody></table>

<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://yip-sf.blogspot.sg/2012/08/tksfrom-www.html" style="margin-left: auto; margin-right: auto;"><img border="0" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5efawwJYvB3tlx4JQcDwNZo-1ix8vist4UmoZGKSOrCIkCCICx3EvtL-4fwp54rjE4ppysIZu7Sl-85H5plXqPJrwVxMc8ZzZrMTvtzV1582SJf7h4RbUEYrT9wVVrmrrvHHvdfSTAXdW/s320/040.JPG" width="150" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">How..falling object</td></tr>
</tbody></table>