Make a Post Summary (Read more Function)

If you are a beginner, possible you'd feel to surprise when seeing the articles in my blog presenting only shares first paragraph or second paragraph, and to read for full article, you must click Read more... link. Alright.. please don't feel surprise, i will discuss about this now.

The function like that called Post Summary. You can make a post summary function with add a little code to your template code. But this code is for new blogger template (beta) and does not work at classic template.

Please follow the steps below :

Step #1 :

1. Login to blogger with your ID
2. In the dashboard page , click Layout.
3. Then click edit HTML tab.
4. Click the Download full template link. Save your template (very important)
5. Please mark the little box beside Expand Widget Templates. Wait for a moment.
   
   
   
   
6. Go to your template code, and find the code like this :

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

7. Delete the above code and change with this 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> <p><data:post.body/> <a expr:href='data:post.url'><strong>Read more...</strong></a></p></b:if>

8. Click Save Template button
9. Step #1 is done.

Step #2 :

1. Click Setting tab.
2. Click formatting tab.
3. Go to lower side. you will find a blank text are beside Post Template. Fill that blank text area with this code :

<span class="fullpost"> </span>

4. Click Save settings button.
5. Step #2 is done.

How to post your article?
When you post your article, choose tab. and you will see the code below :
<span class="fullpost">


</span>



Place the first paragraps above of :
<span class="fullpost">



and place the rest of paragrap under of :
<span class="fullpost">




and above of :

</span>

and then publish your post. Done.
See you at my next post. Thanks Good luck