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.
Related posts:
- 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...
- 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...
- Earn Money From Your Blog Post (Paid To Review) There are so many ways we can do to earn money on internet. After I explained about making money from...
- 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...
- 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...


March 29th, 2009
Administrator Frelia
Posted in
Ooooh, my first tips finised. Please enjoy this.
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!
You’re welcome. I’m Orica, the second administrator of this blog.
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????
Thanks a lot.. It helped me a lot