Monday, November 15, 2010

Need a "Read more.."..?

Thank to rahmat web for this...

Your post is too long? Maybe this post is useful ..

In Blogger :

  1. Click Design Tab :
  2. Click EDIT HTML (always backup your original)
  3. Click Expand Widget Template
  4. Copy/type and Paste this code before </head>
<style>
<b:if cond='data:blog.pageType == "item"'>
span.hidenpost {display:inline;}
div.hidenpost {display:inline;}
<b:else/>
span.hidenpost {display:none;}
div.hidenpost {display:none;}
</b:if>
</style>

5. Copy/type and Paste this code after <data:post.body/>

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

6. Save it
7. When you write a post or article always use this in edit html post tab

Your main article/post....
<span class="hidenpost">

Rest of your article
</span>

Example :

Click Read More to see the rest of this article


Yes .. you did it..

0 comments:

Post a Comment