Post with Read More and Thumbnail - Hack 2

1.First Check Your blog, if your blog has installed the previous read more, make it to default again to be without read more. i mean redo your read more code. Just check the previous Tutorial about Read more Here.

2. if you done make your blog without read more code,

3. Open Your Layout, Choose Edit HTML, and back up your blog first

4. Expand Widget Template and now copy this code below.

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://www.geocities.com/fabisnis/hack-readmore.js' type='text/javascript'/>

5. Put those code below </script> tag

6. Now find this tag <data:post.body/>

7. Delete and Change that code with code below

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more &#8220;<data:post.title/>&#8221;</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


8. Save and Done

Enjoy blogger