Shorten Your Post by "Read More"

Sometimes, your blog visitors fells that your blog post is TOO long when they open your blog homepage. You need to make it shorter without erasing your half part of post. There is no need to do that because I will teach you how to shorten it. Well, if you enter my blog at homepage, you’ll see “Read More” link below my post. This is used to hide my post in half in order to make it shorter. In fact, this make my blog appearance more simple.

Do you want to know how to make it? If you using blogger, then follow the tutorial below :

  • Login to your blog, enter to “layout” menu and choose “edit HTML
  • Before that, check “expand widget template
  • Search <data:post.body/> in your HTML (to quick-search it, simply press CTRL and F.
  • If you found it, replace with this 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/></p>

<a expr:href=’data:post.url’>Read More..</a>

</b:if>

  • Finished, and save your works.

Next, click “setting“, go to “format“, enter this code to template posting.

<span class=”fullpost”>
</span>

It will become default code in your post editor by clicking edit HTML. It will appear.
To make your post shorter, for every post you must insert this code in your post. Put <span class=”fullpost”> in the MIDDLE of post and </span> at the END of post when you post an article. Save and let’s see how can you make it. Good luck.

Incoming search terms for the article:

Related posts:

  1. Put Social Bookmarking Widget On Your Blog There’s no doubt that social bookmarking is very important for increase traffic and enhance your blog/website status. By submitting our...
  2. Adding "Recent Post" Via RSS Feed Every visitors of your blog always yearn about your blog update. It can be about more information, tips and tricks...
  3. Tips to Edit Blog HTML If you have intention to edit your blog HTML, sometimes you must be encountered some problems, moreover if you are...
  4. How To Add Icon (Favicon) for You Blog If you noticed at your tab browser and there is a small icon at left-side of the browser, that’s called...
  5. Make "Recent Comments" Widget For Your Blog To put “recent comments” widget is used for make your visitors know about anyone who has given us a comment...
You can leave a response, or trackback from your own site.

5 Responses to “Shorten Your Post by "Read More"”

  1. Orica says:

    Ooooh, my first tips finised. Please enjoy this.

  2. Johannes Uske says:

    Hi there,
    thanks a lot for this really useful tip!! At first I was scared I would be able to change all that and mix up the html code of my blog template. But then I tried and followed the instructions as stated and it did work out!! So this is really helpful! great!

  3. Orica says:

    You’re welcome. I’m Orica, the second administrator of this blog.

  4. K.P. says:

    ok i have a minor problem.. it may not be much just me being OCD… but with your code it puts the "READ MORE.." on every post… But not everyone of my posts is lengthy… sooo I want my readers to be able to distinguish between the posts in which they have to continue reading and the ones that show completely on the front page! … DO YOU GUYS HAVE A SOLUTION????

  5. Siddhu says:

    Thanks a lot.. It helped me a lot :D

Leave a Reply