Adding ” Read More ” to blogger Posts

If you are a beginner, you will be surprised to see only the first or second paragraph in my posts. If you want to read the full post, you have to click on the Read more... link. I will share with you how to do it.

The function is called Post Summary. You can make a post summary function by adding a little code to your template code. But this code is for blogger layout template and does not work for classic template.

Please follow the steps below :

Step #1 :

1. Login to blogger with your ID
2. In the dashboard page , click Layout
3. Click edit HTML tab
4. Click the Download full template link. SAVE YOUR TEMPLATE FIRST (very important).
5. Please mark the little box beside Expand Widget Templates. Wait for a moment.
   
   
6. Go to your template code, and find this code:
   
   
   <p><data:post.body/></p>
   
   
7. Delete the above code and replace it 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>

This is an example how to post:



At the front page of your blog, it will show up like this:



Finally, if you tried this hack without success, do not panic.
Upload your backup template, and it will revert back to your template before you edited.

Limitations of this post summary method?

There is only one limitation that I am aware of with this method of post summaries. This is that all posts will display the "Read more..." link at the bottom of them. This means that if you do not want a summary version for a very short post for instance, that the "Read more..." link will still show and will be a link to the permalink page for that post.

There seems to be no way around this that I am aware of at the moment. To get around this you will need to use a Javascript summaries hack, or handle this by stating at the end of short posts that it is the [end of post].