BEST Method To Truncate Posts In Blogger/BlogSpot Blogs

This post is important for all the bloggers, 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

Leave a Reply

45 Comments on "BEST Method To Truncate Posts In Blogger/BlogSpot Blogs"

Notify of
avatar
Sort by:   newest | oldest | most voted
Adam
Guest
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,… Read more »
Adam
Guest

P.S. It can seen if you scroll down to the post titled 'Aliveness'.

View Comment
sudharsan @ technoskillonline
Guest

Thanks for sharing

View Comment
Divya Sai
Guest

@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

<data:post.jumpText/>

type your your own text.

View Comment
Divya Sai
Guest

@Adam,

You'll have to mark the tick-box "Expand Widget Templates" to see that code.

View Comment
Anup@ Hack Tutors
Guest

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 :-/

View Comment
Divya
Guest

@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.

View Comment
Anup
Guest

Thanks for soon reply. I will try it:)

View Comment
William Manson ยฉ 2010
Guest

hi this doesnt work for me, says something ABOUT XML ERRORS?

View Comment
Beben
Guest

hmmm…:D dont understand … ๐Ÿ™

View Comment
Divya Sai
Guest

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

@Beben
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').

View Comment
SEO
Guest

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.

View Comment
Beben
Guest

This explanation of the hack trick by you right???
hmmm…

View Comment
Reza Winandar
Guest

I already use the third method for my blogs, but anyway , thanks for reminding me that this is important.

View Comment
Adam
Guest

Thanks very much! Will do as suggested when I get a bit more time. Appreciate the quick responce.

View Comment
Sai @ BloggerStop.net
Guest

@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 ๐Ÿ™‚

View Comment
Anup
Guest

Wow! Your new header background is coll and good looking:)

View Comment
Sai @ Blogger Widgets
Guest

Thanks Anup….glad you liked it ๐Ÿ™‚

View Comment
Adam
Guest

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?

Thanks!

View Comment
Divya Sai
Guest

@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.

View Comment
wpDiscuz