How to Add Read More Function in Blogger Blog

Many new bloggers use to ask me a problem 'How can I enable or add Read More function ('read more' link) in my blogger post'.

 

So I wrote very simple and easy steps for how to add read more link automatically when I write a blog in blogger.com . You need to do some editings. Just follow step by step given below and you will be success. Don't worry about the process.

Step 1: Go to blogger.com from your browser. Login to your account.

Step 2: Goto Settings > Design > Edit Html.

go to settings

go to design

Edit Html

Step 3: Mark on 'Expand Widget Templates".

Expand blogger tamplet for adding read more function

Step 4: Search for the code <data:post.body/> using your browsres find or search option.

Found <data:post.body/>

Step 5: 

Put the below code on top of the <data: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>

copy the code above

Step 6: Put the second code below the <data:post.body/>. 


<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>

copy the code below

Step 7: Save Tamplet
Step 8: Go Setting > Formatting. Scroll down to “Post Template“. paste this code into the field box.


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

Step 8: Save settings.



ad the code in post tamplet

Step 9: Go Posting > Create. Click on “Edit Html” view. You will see the code <span class="fullpost"></span> in the post area. Put the content you want to read after read more in between <span class="fullpost">The content start after read more.</span>

your more contents should be added here

Thats all. Enjoy blogging  in blogger. If you have any problem, don't forget to let me know via comment.


Note: If you still have problems with this complex process, read the easy way to add read more function in blogger blog.