BEST Method To Truncate Posts In Blogger/BlogSpot Blogs

This post is important for all the bloggers, blogging on Googles Blogger platform. Whether you are presently using any post-truncating method or not, you should read this post at least once.
Best Read More hack for Blogger blogsTruncating posts on homepage/archives/label-pages is a must for every blog. If you care for your readers and search engines, then you should know that truncating the posts will make both of them happy.
By showing only a small part instead of the complete post, you will save some bandwidth and time of your readers. And similarly search engines will load your pages quickly too. Moreover your readers will not miss the posts present at the bottom and when they click on the “read more” links to read the posts in detail, it will increase your pageviews too.

If you are working on Blogger/BlogSpot platform, then you have at least 3 ways to truncate the posts. Two of them involve javascripting to truncate the posts and the third one (that is officially announced and suggested by Blogger) is non-javascript based. You would have seen all three of them being used by different bloggers. Some of the newly developed Blogger-Custom-Templates use the javascript based automatic-read more hack.
Sponsored Ads

What’s the problem?
As the first two hacks, (viz. automatic read more hack, and manual read-more using <span class=”fullpost”>) use javascript to truncate the posts, so most of your readers (at least 90%) will be able to see the truncated posts, but search engines like Google/Yahoo without javascript support in their browsers will not see your blog-pages with truncated posts. So, even though you are using the truncating (read-more) hack in your blog, they are of no help in optimizing your blog for search engines.

If you are also using one of those javascript based techniques to truncate your posts, then I will advice you to stop using that method and better switch to the third option (non-javascript based).

The solution
So I will suggest you to use the official method of truncating posts suggested by Blogger: i.e. use <!– more –> anywhere in the blog-post to truncate it. Read the complete post here.
And if you are facing any problems in using this method, then read; how to fix errors in Blogger Read-More hack.

Benefits you will get by using this method:
1. Posts are truncated for both your readers and search engines.
2. Decreases loading time of your blog (you can check it in your Google Webmasters account), as posts are truncated for search-engine-bots too.
3. Increases page-views.

A suggestion to further optimize your blog:
Limit the non-truncated part of the posts to only 1 image (that means, show only 1 image per post in the homepage). Hide extra images in the hidden/truncated part, as it will decrease the loading time of your hompage/archive pages.

Check it yourself… – Immediately after implementing this hack in all the blog posts (being shown in the homepage), you can check and see the improvements your blog has made:
1. Go to Pingdom-Tools and note down the loading time of your blog.
2. Now apply this hack to all the posts present on your blogs homepage, and then again check the loading time of your blog at Pingdom.
You’ll notice the difference;
– in the total HTML size of the blog (it will decrease) and,
– in the loading time (it will also decrease, that means your blog now loads faster).

Image credits

45 thoughts on “BEST Method To Truncate Posts In Blogger/BlogSpot Blogs

  1. I use the Read More provided by Blogger. When I use an image at the top of my posts, there is no problem.

    However, when I embed a youtube video at the top of my post, the video does not display unless Read More is clicked. So it looks like there is about 5 lines missing in the post on the homepage. And when Read More is clicked, the page loads down to where the text Read More is, so unless the reader scrolls back up, they miss the video.

    Is there a solution to this problem? If it helps, the link to my site is on my name above.

    Thanks a lot, love your site!

  2. @Adam,

    Yes you can avoid that.
    In your template, find this code:

    <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>

    and delete + "#more" from the above code, so the final code you should use in your template, is this one:

    <a expr:href='data:post.url'><data:post.jumpText/></a>

    And you can also use any custom text, like "read post" or "continue reading ยป" instead of "Read more ยป".
    To use your own phrase, instead of


    type your your own text.

  3. I had used to hack for this read more. But I am forced to do it, if I will not use that hack and use default read more function, I have to reverse all the post with read more manually. And i can't do it automatically. Do you have any solution of it?? Any suggestion? Or any ides :-/

  4. @Anup

    If you are using <!– more –> at least for your latest posts, that would be sufficient.
    Although loading time of each and every page does matter, but of course we must focus a little more on the loading time of hompage. So use this hack in the latest 5/6 posts which are currently being shown on your homepage.

  5. @William
    What's the exact error message being shown?

    Bottom line of the post:
    use the official method of post-truncation in as many posts as possible,
    i.e. use <!– more –> instead of auto-read more hack or the previous manual method of truncating posts (span class='fullpost').

  6. I used to use a couple different blogspot blogs years ago but now I would never in a million years consider using a blogspot blog again when you compare blogspot to WordPress and specifically the extremely active WP community that offers plugins, themes, etc.

  7. @SEO

    It's not that I recommend Blogger over WP or vice versa. You can select any of these platforms…which-ever you like and in which you feel comfortable. The point is you should have the minimum know-how of the blogging-platform or at least you should know where to go for help in case a problem occurs. There are examples of famous/popular blogs based on either of these platforms.
    Blogger is backed by Google, so as long as the word Internet is synonynous to Google, I'll work on Blogger ๐Ÿ™‚

  8. Me again. The mod u suggested above does not work. The videos still do not show on posts that have 'Read More' until the 'Read More' is clicked.

    Any thing else u can think of?


  9. @Adam,

    I don't know the reason behind yor hidden videos problem, I have suggested that code editing, as once you make this change then if someone clicks on the "read more" link s/he will be shown the complete post and not just the hidden part of the post.
    Anyways, that code is still present in your blog. Just click on "expand widgets templates" and remove the + #more code, it will solve the problem.

  10. Yeah I got your problem Adam, and I don't know why your videos are not being displayed on your homepage, when you use this hack.
    What I have suggested, will remove the #more tag, so your readers will at not miss the video when they click the "read more" tag, as the post/article will be shown right from the starting, once you delete that code snippet.

  11. Thanks Dsai. This is worth praising!

    I am glad Blogger has taken the step of finally availing Jump Breaks in Blogger Editor. Though some readers have still problems with it but I am sure the blogger team is working hard to make it a far better platform.
    I haven't used the Jumb Breaks in Blogger Editor for I mostly use Windows Live Writer but I guess I must try it now :>>

  12. Divya, I want to send you a personal E-mail, but I think your comtact form is not working…Bcoz I have already send you am email but you do not reply…Can you give me your ID PLZ? Just for suggest…;)

  13. Ohk…just saw your mail (using that comment-form), I have marked it with a star and left it to answer later…hmm…procrastination is bad!!
    Anyways I'll try to reply you as soon as possible!

    BTW, you can mail me at {at} gmail {dot} com

  14. I had 2 blogs that used the old way. One was easy to remove the old code out, but in one ( I found searching for the older code next to impossible and left it as is, but also went ahead and put in this new hack. The blog pages seem to pull up fine with this but is there a chance both codes will clash against each other?

    Or will inserting the more tag instead of the span class="fullpost" tag be fine?

  15. @Darksaturn

    Don't worry, you can use either of those two methods simultaneously (i.e. in some posts use "more" that while in some others use the span method, but try to use the <!– more –> method more often.
    The "span class" has a unique advantage over this "more" method, as it allows us to hide more than 1 part of the post.

  16. I have an issue with an audio podcast not appearing before clicking read more. I used divshare to host it. I guess it is similar to Adam's problem with the Youtube video. Is there any solution to this?

  17. Hello Divya, Thanks for very informative articles. I read many articles written by you and found them very helpful and knowledgeable. What is the best about you is your keenness to help the readers warmly. For long I had been searching such article which deals with SEO aspect of "Read More" link. As such blogger now provides this feature with "Insert Jumpbreak" to add read more link. But what if we want to add something like " Read More on "Post Title of the Article" " automatically when we insert jumpbreak or

  18. Hello Divya , I meant to ask for the way to do the hack so that at the end of entro it is not just a "Read More" link but rather something like that " Read More on "[Title of the article]" ". with the code ..More… we just get a "Read more" link without any added reference to the article. Hope i make my query clear now. If you could suggest a solution for blogger, I wud be much obliged.

  19. Yes that's certainly possible:
    In your template, instead of simple read more, use this:

    Read more On "<data:post.title/>"

    So, it should look like this:

    <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/> On "&lt;data:post.title/&gt;"</a>

  20. hey I love this and have added it to my blog. One question I have though is that I use the Ads Theme and the 'Read More' Link shows in black, is their any way of changing the link colour to blue or red?

    Thanks and great post

Leave a Reply

Your email address will not be published. Required fields are marked *