Thumbnailed post snippet

<a style="position:absolute;top:-4em;" name="more"></a>
<div id="examplethumb" style="float:right;display:none;">
  <a href="http://yabtb.blogspot.com/2012/01/thumbnail-on-main-page-bigger-image-on.html#more">
    <img style="margin-left:10px;" src="http://lh3.googleusercontent.com/-fY4i0d-wN2A/Tmtet0g4_pI/AAAAAAAAAUs/lNXWTbdvAzs/s144/leskenlehti.jpg" />
  </a>
</div>
You may have seen those fancy templates, that display on the main page a snippet of the post's text along with a thumbnail of an image inside the post. Maybe you want something like that only from time to time, so installing a new template for that would be overkill and maybe constrains your other options. I will show you how you can do it with a little javascript for example in Simple template.<br />
<script type='text/javascript'>
document.getElementById("examplethumb").style.display="inline";
</script>
<!--more-->
<script type='text/javascript'>
document.getElementById("examplethumb").style.display="none";
</script>
<br />
Now the whole post text is opened ...