This post is about read more with manual feature not auto .Lets start and follow this steps.
1.Log in to your Dashboard => Layout => Edit HTML
2.Click on Expand Widget Templates
3.Scroll down to where you see this:
<p><data:post.body/></p>
4.Replace above code with below 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>
5.Click on Save Templates
6.Now go to Setting =>Formatting =>Post Template
7.Fill that Post Template blank text area with below code :
<span class="fullpost">
</span>
8.Click on Save Settings
9.When you post your article, choose Edit HTML tab. and you will see the code below :
<span class="fullpost">
</span>
10.Place the paragraps you want show with read more, above of below line.
<span class="fullpost">
11.Place the rest of the post (you want to hide) between below 2 lines.
<span class="fullpost">
</span>
Look at the image below.
12.Then Publish your post.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvrzQWqKsHnaHRKwvWLrWqcf_hfWTXuucZOoSgPZKFRPz5Y92fmo09RvfBNwcVW09AVc6UB7OHzpMYejlGN57a0z-QPWSFXTWwmp-9uU3UZvTTHiWegXZIZDRmMagDlHafsnLCp-YN0u0/s314/latestbloggertricks.com.png")
5 comments on "Interact Your Visitor With Read More Feature"
This is DoFollow Blog Leave a Comment
Hi i tried all this steps but not working on my blog.
Please me to findout the solution.
@ vijay
I think you done anything wrong just follow carefully I am sure you can do this.
Again i carefully formed with this html codes there was some errors.This also shrinks all fonts in same size.
@ Vijay open this link and see
http://www.latestbloggertricks.com/2010/01/blogger-proudly-announces-jump-breaks.html
Post a Comment