Home » Blogger Tutorials, Tricks and Hacks » Blogger Posts / Archive Tricks » 3 Issues / Problems With new Blogger Read Me / Jump Breaks And How To Fix It

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

3 Issues / Problems With new Blogger Read Me / Jump Breaks And How To Fix It

3 Issues / Problems With new Blogger Read Me / Jump Breaks And How To Fix It

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

4,291 views

I was so happy with blogger’s new addition “Read more”.
Or as blogger calls it Jump Breaks.
but after using it,
we mentioned some errors with it, and the reason for this problems is not about blogger.
It’s all about you, me, and blogger templates coders.

And the three problems are :

  • It’s Not Working At All.
  • Read More Link Is Not Visible On Your Blog
  • LayOut And Side Bar Errors After Using it

so lets see the 3 problems and learn how to fix it.

1 .It’s Not Working At All. Why And How To Fix

Why ?
If you still using the old blogger Post editor, After adding this code

<!-- more -->

You go to your blogspot blog to see how is the new addition works, and you see nothing, there is no read more link and my blog still show the full post.

How To Fix It ?
in this case you should make sure that you inserted this

<!-- more -->

And notice that there is spaces before the word More and after it, its not

<!--more--> This is wrong code 
2. Read More Link Is Not Visible On Your Blog

The read more / Jump Breaks works and your blog displays posts summaries only, but you can’t see the read more link so your readers won’t be able to read the full posts

Why ?
This is because you use custom template and the template coder haven’t added blogger Jump Breaks codes and properties to the template code,

How To Fix It ?
Go to Dashboard >> Layout >> Edit HTML and select “Expand Widget Templates

then find the next code

<data:post.body/>

And After it add this code

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
3. LayOut And Side Bar Errors After Using it

After inserting the read more code in your post, it works perfectly, but the sidebar shifts to the blog bottom.

Why ?
the code <!– more –> is inserted between two div tags.

 <div>.. .. ...  <!-- more -->. . . .. </div> 

How To Fix It ?
Change your post inputting type to Edit html instead of Compose.
and find the <!– more –>, If it inserted between two div tags. just change the div to span

Here is an example :

<div align="center" >
The post summary
<!-- more -->
The rest of the post
</div>

After Fixing it.

<span align="center" >
The post summary
<!-- more -->
The rest of the post
</span>

This is it, if you found this tutorial useful, please follow us on twitter, and bookmark it.

Liked It ? Please Share

Comments

32 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. BEBEN says:

    i don’t understoooooddddd…zzz….zzzz

  2. Thank you so much! I’d installed the code for customized templates, but I couldn’t figure out how to fix the ensuing formatting problems.
    Ciao!

  3. Max says:

    @ Angela K. Nickerson please tell me more about your problem so i can help you.

  4. Stephanie says:

    Thanks so much!!

  5. Elmer says:

    Hi! This is a nice tutorial. I have the issue number on my custom template. I did this fix but still not working. Im not getting support from the template provider. Can u check out my source code? what’s wrong with my code?


    .fullpost{display:inline;}



    .fullpost{display:none;}

  6. Elmer says:

    I can’t paste the code…

    • Max says:

      @ Elmer, ok . sent me the code via our contact us page, and tel me more about your problem in your mail message.

  7. should i replace with
    Plz tell me the right way my blog sidebar has come out ..its looking ugly…

  8. Max says:

    @ Techie inspire. should you replace with what?
    i you mean div with span,then yes you are right.

  9. Elmer says:

    Sent u email Max. Thanks in advance! Will Follow you on twitter

    • Max says:

      hi Elmer, i haven’t received any thing from you yet, please use our contact us page.

  10. Elmer says:

    Hi Max. I resent the message through your contact form. TIA

    • Max says:

      hi Elmer, i just realized that there were some problems with our contacting page, i fixed it all, please resend you message with all details, i’m really sorry for this issues.

  11. Elmer says:

    ok max. resent

  12. Elmer says:

    any fix to the bug?

    • Max says:

      those steps should help you to fix it.i’ll update this tutorial if i found any new solutions.

  13. Florence says:

    OH! This was really helpful. I had the 3rd issue, sidebar was shifting to bottom. Great, this info was really nice. Thanks Max!

  14. Prashant says:

    it is working…but i cant edit each and every post before publishing..so whats the one solution for it…

  15. Prashant says:

    can anybody answer my above question…Pls

  16. Max says:

    hi Prahant, what modifications do you talking about, please explain so i can help.

  17. Prashant says:

    i cant change tags to before publishing each post coz i publish at least 20 post a day on my site..so what’s the one solution for it…can any body tell me….

  18. Henk-Jan ten Brinke says:

    Isn’t the more-tag pretty much always inserted between two div-tags anyhow? Anyway, I tried to change div into span, but the editor keeps telling me there are wrong HTML codes. I also tried to add the more-tag to a position of which I assumed it wouldn’t be between two div-tags, but the editor keeps telling me I’ve got the wrong codes (yes, I’m an alpha trying to deduct myself around the math….).

  19. natasha says:

    ymezzzzzzz this time its work…i can solve my sidebar proble m by using

  20. katie says:

    My “read more” isn’t working either! When I insert “” in the new editor (edit html), it does cut off my post but there is 1) no “read more” link whatsoever and 2) the rest of the entry after the jump is completely gone so it looks like my entire post is only the section before the inserted “read more” cut.

    I am using this template here:
    http://www.ourblogtemplates.com/2008/04/blogger-template-minimalist-d.html

    I also tried to search for the
    line code in order to manually insert the following code in my html but cannot find that either!

    ARGH! I’m so frustrated and confused. Please help!!

  21. katie says:

    ^Okay, all my code references in my previous comment are not visible for some reason…let me know if you need me to try to clarify but I think you get what I was trying to say.

  22. $DRG$ says:

    really help me
    now blogging is cool for me

  23. Max says:

    @ Prashant, i’m afraid that the best solouthion is to change your template to a good codded one.

    @ katieit’s really hard to help you with out seeing your codes.

    @ $DRG$thanks for visiting.

  24. misz aren says:

    hye max..
    im new with blogging..
    now i just interested to add on the read more button..
    i do downloading it but after that…
    i dont know What to do with all the image?
    what the next step?

    please help me…
    and 1 more thing…
    can u help me …
    to make my blog being nice…
    thanK yOu…

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here