Why & How: 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
 and not 

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 "" 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

is not present in between any <div>...</div> tags. If you find any such tags, simply replacethe words div with span.

So if you want to truncate this post,