This article will teach you how to make a read more in a post, so that your article will not show fully, but only one paragraf or two, and for the rest content, your reader can click read more.

1. Open Layout - Edit HTML, tick Expand Widget Templates



2. Find this part (or like this part) in the code :


<div class=’post-header-line-1′/>

<div class=’post-body’>


3. Copy this code after above code.


<b:if cond=’data:blog.pageType == “item”‘>

<style>.fullpost{display:inline;}</style>

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

<b:else/>

<style>.fullpost{display:none;}</style>


4. After that, find this code


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

<div style=’clear: both;’/> <!– clear for photos floats –>

</div>


5. Copy this code between them


<a expr:href=’data:post.url’>Read More .. </a>

</b:if>


6. Check again, now your code should look like this :

<div class='post-header-line-1'/><div class='post-body'>

<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>

<div style=’clear: both;’/> <!– clear for photos floats –>

</div>

7. Save the template, now we need to change the template for posting a message. Go to Setting, Formatting and find Post Template, fill the content with this code :

<span class=”fullpost”>

</span>

8. Don't forget to save. OK Done.

Now if you write a new post, go to Edit Html (next to Compose Tab), you will see the code (no 7). Write your content that you want to show in front page above the span tag and the rest of your article in between span and /span.

Hopefully you can success to implement this, no waranty from me, do at your own risk ;)

PS: if you try to change the template code and you get error when save your work, don't panic, just try to change the quotation mark (single with single and double with double, because the symbol has changed)