How to Add Read More in Blogger

Please Login to your Blogger Account, and go to Dashboard, Layout, and Edit HTML.
Because we will edit the HTML code, you need to create a back up for your template, click Download Full Template.

Check Expand Widget Template

Now, find this code : <div class=’post-body’> or <div class=’post-body entry-content’>

Copy paste this code under the code above :

<b:if cond='data:blog.pageType == "item"'>

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

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

<b:else/>

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

Look under that code you will findĀ  : <p><data:post.body/></p>

And paste this code below :
<a expr:href='data:post.url'>Read Full Entry</a>

</b:if>

click Save Template.

Than go to Setting, Formatting, and find Post Template area,

paste this code below :

<div class="fullpost">

</div>

Done, click Save Setting.

Now if you want to post, write in edit html. The text before <div class=”fullpost”> will be appears in your post, and the text after that code will be appear if you click the readmore link.
You must write like this :

Click Publish Post.

14 Comments »

RSS feed for comments on this post.


Leave a Reply