Problems Or Errors in Blogger Jump Break Or Read more Solved/Fixed !

Officially announced Jump Break feature is very powerful manual tool to create Post summaries in your blog.But these days many bloggers even me are facing some problem while using Jump Break.Below are some popular from them.

Problem #1



Unable to create Post summery using Jump Break.

What To Do ?

Find out that the Jump Break Tag  <!-- more --> ( Have Space After -- ) is NOT this <!--more--> ( Have no space After -- ) .We must use the Code with Space Or First Tag.Otherwise Jump Break Tag ill not work.

Problem #2

When we apply Jump Break The side bar of our page Automatically gets transferred to the Bottum of the page Below Post


What To Do?


Actually this happens when we Add Jump Break Or Tag <!-- more -->  Between <div>...</div> Tag in our post.

For Example
<div>
Post summary
<!-- more -->
Rest of the post
</div>

This is a Wrong Placement of Jump Break Tag

Correct placement of Jump Break Tag

div>
Post summary
</div>
<!-- more -->
Rest of the post

Or simply we can Change div with span if we want to use Jump Break between div Tag

For example

<span>
Post summary
<!-- more -->
Rest of the post
</span>

Problem #3 


In this case you are getting post summaries But...Read More>> Link is not visible.

What To Do?
Now there is a need alter our Template ,Just follow below Steps.

Step 1

Login to Blogger >>> Layout >>> Edit HTML >>> Then Check Expand Widget Templates

 Step 2

Now Find

<data:post.body/>

And place Below code After <data:post.body/>

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

You can Change above RED code with READ MORE >>> text or Image Code.