Sunday, March 1, 2009

"Read More" on your Blogspot

HTML syntax highlightingImage via Wikipedia

How to Create Read More In Each post. You want to show a post a few lines only ..? and then to read the whole live just click your "read more" or "please read in here."

You can also change the "read more here" or whatever you interesting to make the reader curious to continue to read your posting.

If you are interested, please follow the following steps:


1. Login to your blog
2. Click Layout
3. Click Edit HTML
4. Check the small box Expand Widget Templates
5. Please search code ]]></b:skin> in your template
6. Exactly after the code, copy paste script below
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
7. Next, find the code <p><data:post.body/> or <data:post.body/> in your template.
8. Exactly after the code, copy paste script below
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
9. Click Save Template
Now please go to your post, and make sure you are in Edit HTML mode, not in the mode Write / Compose.
Next paste the code <span class="fullpost"> in post where you want to cut. And at the end of any posts you add this </span> code.
Reblog this post [with Zemanta]

No comments:

Post a Comment