title: How do I create a "Read More" button for my blog?
body: <p>I want to make my blog posts appear with a short main page, with a "Read More" button if someone wants to read the whole article.  I tried the code below, but it shows both the short and expanded article on the main page.</p>
  
  <p>1)</p>
  
  <pre><code>&lt;script type='text/javascript'&gt; 
  var thumbnail_mode = &amp;quot;float&amp;quot; ;
  summary_noimg = 230;
  summary_img = 140;
  img_thumb_height = 100;
  img_thumb_width = 100;
  &lt;/script&gt;
  &lt;script src='http://blogergadgets.googlecode.com/files/excerpt.js'    type='text/javascript'/&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>2)</p>
  
  <pre><code>&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;
  &lt;data:post.body/&gt;
  &lt;b:else/&gt;
  &lt;div expr:id='&amp;quot;summary&amp;quot; + data:post.id'&gt;
  &lt;data:post.body/&gt;
  &lt;/div&gt;
  &lt;script type='text/javascript'&gt;
  createSummaryAndThumb(&amp;quot;summary&lt;data:post.id/&gt;&amp;quot;);
  &lt;/script&gt;
  &lt;span style='padding-top:5px;;float:right;text-align:right;'&gt;&lt;a  expr:href='data:post.url' rel='bookmark'&gt;&lt;b&gt;Read more &gt;&gt;&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;
  &lt;/b:if&gt;
  </code></pre>