How to Make Read More in Blog (Expandable Post)

In the Default Blog tempate, posting will be displayed full lengthwise down. Some do exist, the template that displays postingnnya part, then if want to read more should first click on the link Read More / Read more / whatever the term ... Here the problem is, if the full lengthwise down the blog post we will look really long (if long post) , messy, and less simple. This makes the beauty and the beauty of our blog to be reduced, would the reader even less interested / bored with posting (see posting it directly dizziness ...). But the problem can be overcome. If you want your postings that are displayed on the main charge of him just then there is a link Read More / Read More to see more so follow these steps:

1. Login to Your Blog
2. Go to Design -> Edit HTML
3. Check the box expand widget template
4. Find the following code (Use CTRL+F to Find)

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

5. After you find the code, overwrite the code with the code bellow

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>

You can change Read More...... with the text that you want

6. Now click Save Template

7. Go to menu "Setting --> Formatting"
8. On the bottom page you will see a box beside text "Post Template". Copy the code below and paste in to the box

<span class="fullpost">


</span>

14. Save your setting.
15 If you want to post an articel place your part articel above this code <span class="fullpost">. Then the remain or full post put between this code <span class="fullpost"> and this </span>