Make "Read More" on your blog post

Usually the recent post would be display on your blog main page. Entry displayed too long could make your blog so complicated. If you want to display your post only its abstract, and appeared a link "Read More" on below its abstract, you should follow these tips:

1. Open "Layout" menu, choose "Edit HTML"
2. Mark Checkbox "expand widget template"
3. Find This code on your template (approximately on 1/4 down part of HTML codes)

<p><data:post.body/></p>


4. If you have found that, change that code with code below

<b:if cond="'data:blog.pageType">
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a href="'data:post.url'">Read More......</a>
</b:if>

5. Save this editing
6. Now choose "Setting" menu then "Formatting"
7. Fill Post Template Box with this codes:


<span class="fullpost">


</span>



8. And then save.
9. When you write an entry, there are 2 tabs, "compose" and "Edit HTML", you must choose Edit HTML tab", then automatically this code appeared:


<span class="fullpost">


</span>

10. Placed your article that you want to display (Before "Read More") upper this code: <span class="fullpost"> and placed the other one between these codes <span class="fullpost"> and </span>

11. Very simple and easy..Good Luck