document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <a style="position:absolute;top:-4em;" name="more"></a>
  2. <div id="examplethumb" style="float:right;display:none;">
  3.   <a href="http://yabtb.blogspot.com/2012/01/thumbnail-on-main-page-bigger-image-on.html#more">
  4.     <img style="margin-left:10px;" src="http://lh3.googleusercontent.com/-fY4i0d-wN2A/Tmtet0g4_pI/AAAAAAAAAUs/lNXWTbdvAzs/s144/leskenlehti.jpg" />
  5.   </a>
  6. </div>
  7. 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 />
  8. <script type=\'text/javascript\'>
  9. document.getElementById("examplethumb").style.display="inline";
  10. </script>
  11. <!--more-->
  12. <script type=\'text/javascript\'>
  13. document.getElementById("examplethumb").style.display="none";
  14. </script>
  15. <br />
  16. Now the whole post text is opened ...
');