Create "Read More" in Blogger!!!!!

Maybe you're so tired to read a blog that have a long article :) now you can cut your article and give "Read More" link, so now you just can add your first paragraph only and your blog homepage not to long........

ok before i begin, you can see this topic in blogger help.

• First you must login into blogger, then fill "Layout" tab and click "Edit HTML", check "Expand Widget Templates".Then insert this code between tag </head> and tag </b:skin> like this

<style>
<b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
<b:else/>
   span.fullpost {display:none;} 
</b:if>
</style>   

• Next is find this code <p><data:post.body></p> and then insert this code after that

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

• Ok, now test your post, if you want to cut your post use this <span class="fullpost"> and in the last post closed the tag with </span> Finishhhh...... now you can see the result.....
  

Related Posts :