Errors Fixed – Blogger Jump Break (Truncated Posts) Issues Solved

Errors Fixed - Blogger Jump Break (Truncated Posts) Issues Solved

The latest feature by Blogger, enables you to truncate your posts and show “Read more…” links beneath the posts on the homepage.

But some glitches have been reported by many users.

ERROR #1
If posts do not get truncated at all, then check the code you are using, as it should be
<!– more –> and not <!–more–>

notice the space used before and after the word “more”.

ERROR #2
You are able to truncate the posts, but the “read more” link is not visible on the homepage:
In this case, you have to edit your template. So simply follow these instructions:
Log in to Blogger
Go to “Layout” -> “Edit HTML” and select “Expand Widget Templates

Now find this code in the template:

<data:post.body/>

And immediately BELOW/AFTER that code, add this code:

<b:if cond=’data:post.hasJumpLink’>
<div class=’jump-link’>
<a expr:href=’data:post.url’><data:post.jumpText/></a>
</div>
</b:if >

NOTE: You may use your own phrase instead of “read more…” by replacing <data:post.jumpText/> in the above code with your own text or a small image.

ERROR #3
Finally some bloggers have noticed that whenever they add the code “<!– more –>” to any of their posts, the sidebar shifts to the bottom area of the blog.
To avoid this, you simply have to make sure that the code
<!– more –>
is not present in between any <div>…</div> tags. If you find any such tags, simply replace the words div with span.

So if you want to truncate this post,

<div style=”text-align: justify;”>
Visbile part of the post on homepage
<!– more –>
Hidden part of the post on homepage
</div>

without affecting the location of your blog’s sidebar

then simply replace those div tags with span tags, like this:

<span style=”text-align: justify;”>
Visbile part of the post on homepage
<!– more –>
Hidden part of the post on homepage
</span>

Leave a Reply

91 Comments on "Errors Fixed – Blogger Jump Break (Truncated Posts) Issues Solved"

Notify of
avatar
Sort by:   newest | oldest | most voted
Edgar
Guest

Hi… I love your blog…

I used the original hack, installing the read more.js on my file host…worked great.

I just removed it, maybe not completely? Either case, the new !— more — method worked fine before along side with my old method, but now it's not working at all. I want to switch to the new method.

Thx!

View Comment
Edgar
Guest

Sorry.. blog at edgarsreview.blogspot.com

View Comment
bolang
Guest

hai, i think the error is from hotlinkfiles.com, because when i want to open this site is always error, my site has some files uploaded there, now it needs a long time to open my site, how is this?

View Comment
Divya Sai
Guest

@ Bolang,
Yeah there's some problem with HLF today….I am tired of finding a perfect free solution for everybody, to upload and link files.
Presently during problems, I am switching b/w these sites:
HLF, SigMirror.com and Boxstr.com(not for .js files)
and now I am trying mydatanest.com, let's see if this one works out better.

View Comment
drknlvly6781
Guest

As I said before, I thank you deeply for posting about this. Now, I hope that you will help me with a small problem that I am having with this feature.

As you can see on my blog here: http://mywelfare2wealth.info, the "read more" link is showing below my "Share the love" widget, which I believe may confuse readers. Is there a way to get this link to show above that widget? Please let me know.

View Comment
Divya Sai
Guest
Hi Kenya,Actually you just have to paste the code of read more before the code for sharing widget. Or you can hide the sharing widget in the homepage and so only read more will be visible, use this method to show sharing widget only in the posts pages:http://bloggerstop.net/2008/12/show-widgets-in-only-specific-pages-or.html Or you shift the position of "Read More" to the right side:You have to use this code, to position it to right:<div style="text-align: right;">Read More !</div> And also, if I am not wrong you are simply redirecting your domain "mywelfare2wealth.info" to "mywelfare2wealth.blogspot.com", which is making it difficult to see the code, and… Read more »
Inna D.
Guest

Thanks for the article, very helpful!
By the way, you're also supposed to be able to change the link test by going to Dashboard – Layout – Blog Posts – Edit (bottom right), and modifying the "Post page link text" field. The problem is that settings on this page don't get saved. I opened a discussion in Blogger Help Forums regarding this, but received no response so far.

View Comment
Sai @ Blogger Help
Guest

Hello Inna D.
Check out the solution given for Error #2, in the NOTE I have written how to change that text…

View Comment
Inna D.
Guest

Thanks for the response, that's my way of doing this, too, i.e. by editing HTML of the template. I just wanted to say that there's another, Blogger's way (proper, I assume).

View Comment
Divya Sai
Guest

Yeah that method has been mentioned in the post at Blogger Buzz, but as we bloggers generally use highly customized blogs, so their may be some compatibility issues, & so I generally prefer direct editing of html/css and it increases our understanding of the template too 🙂

View Comment
akaparang
Guest

this is the best answer for me. now i can continue blogging.
you solved my problem. please check it out at http://wheelist.blogspot.com

its an honor to put your link in my blog
cheers 😀

View Comment
Pookie
Guest

Well… with this post this blog officially helped me out more than any other website.I can't stress how helpful your information has been thanks a lot.

View Comment
Divya Sai
Guest

Happy for you pookie 🙂

View Comment
Tabib
Guest

Thanks for the tutorial.
You save my day!
/Redzlan/.

View Comment
HappinessNlove
Guest

Great Post!!!Really helped me!!

View Comment
inner voice
Guest

THANKS….I was facing ERROR#1 But now i know why this hppened to me.

View Comment
Get Free Mail Alert On Your Mobile
Guest

YOUR BLOG REALLY ROCKS….:-*

View Comment
あきこ
Guest

thanks for sharing the solutions! i had something like Error#3 but not the sidebar appearing at the bottom of the page. my footnote (at the far end bottom of the page) was not appearing center as it should.

the problem is solved by using the same way for Error#3! thanks again~

View Comment
Ted
Guest

I'm having this problem here only with my most recent post and ONLY when using Safari.

I used this code to get it all set few months back and it worked fine:
http://www.eblogtemplates.com/how-to-add-the-blogger-read-more-expandable-posts-link/

Any help?

View Comment
Kurt Osis
Guest

I'm still having a problem with Error #3 but only on the homepage. When you click on a post or the "Continue" button after the page break the widgets show up on the side but on the home page everything is still showing up underneath my posts. Very annoying. Any thoughts?

View Comment
wpDiscuz