ADDING READ MORE IN YOUR POST

February 15, 2009 Leave a Comment

Read More in Post

It is really annoying for us to scroll and look for the next article in a blog with long post. We're bored sometimes on our mouse just to get rid with trash paragraphs. I will share to you what I have done with my post to keep them short.

Here's the code:

1. Go to "Lay-out/Edit HTML". Check "Expand Widget Template"

2. Find this code <div class=post-body>

3. Copy this code, and place below the above 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>

4.Below the code we pasted, we see a code like this: <p><data:post.body/></p>

5. Again, copy this code and paste after the above code.
<div style='float:right'>
<a expr:href='data:post.url'><strong>Read Full Post Here</strong></a>
</div>
</b:if>

6. Save.

7. Go to "Setting/Formatting/Post Template"

8. Paste this code:
<div class="fullpost">

</div>

9. Save Setting.

PREVIEW RESULT:


Tip: When Posting, be sure to post using "Edit Html"

Stumble
Delicious
Technorati
Facebook
Digg

0 comments »

Leave your response!

Add your comment below,or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.