more tag, jump break, blog post,

Blogger calls it a “jump break”. WordPress calls it the “more tag”. Potayto, potahto.

Maybe you don’t want your whole article taking up all that precious real estate on your front page. Maybe you think you get an extra page view if you make your readers click to another page. I don’t know that that’s true, but whatever the reason, here’s how to add that “read more” thing to your blog posts:

Creating a More Tag in WordPress

On your WordPress dashboard, put your cursor where you want the “read more” text to go and click on the Insert More Tag button (or click Alt + Shift + T).

wordpress, more tag
If you hover over the button, it will indicate that it’s the Insert More Tag button.

Easy, right?

You can also add the following HTML code if you are in HTML mode

<!--more-->

 

Creating a Jump Break in Blogger

On your Blogger dashboard, put your cursor where you want the “Read more” text to go and click on the Insert More Tag button (or click Alt + Shift + T).

 

You can also add the following HTML code if you are in HTML mode

<!--more-->

Jump Break not working on Blogger?

If simply using the “jump break” button on Blogger does not work, it may be that you are using an older template or that you’ve mucked around too much in your template HTML and need to reset your template, as described on The Real Blogger Status, or you can scream for help in the “Something is Broken” Google forum.

I tried it on an old Blogger blog of mine and it didn’t work (the blog is over 5 years old and so is the template that I probably futzed around with). So I created a brand new test Blogger blog (called Paradigms and Nickels), using the “Simple” template and it worked fabulously.

 

Creating a More Tag via HTML

You can create a more tag on any blogging platform by going into the HTML of the post and inserting the following HTML code wherever you want your post to break and jump to another page:

<!--more-->

 

The 5 Blogging Tools I Use to Save $$$, Time & Stress

Get this FREE guide to boost your productivity.

Get the FREE Guide

Get our FREE eBook now!

Ebook_cover_andrews_sticky_readers

Sign up now and receive the free Sticky Readers eBook, 10 Blogging Mistakes That Drive Your Readers Away.

Powered by ConvertKit
How to Add That ‘Read More’ Thing to Your Blog (WordPress, Blogger, HTML)
Tagged on:             

10 thoughts on “How to Add That ‘Read More’ Thing to Your Blog (WordPress, Blogger, HTML)

  • June 26, 2012 at 8:17 am
    Permalink

    NICE ONE SIR BUT CANT I ADD A PICTURE “READ MORE ” AS IN IT SHOULD BE AUTOMATICALLY WITH OUT ME ADDING IT EVERY TIME I CREATE A POST

    • June 26, 2012 at 12:02 pm
      Permalink

      Nokot,

      I have 3 answers to your questions, 2 of which are unsolicited:

      1. While it’s best if you place your own tag manually each time, there are some people who claim you can automatically add read more tags for Blogger and WordPress.
      Blogger: http://bloggerstop.net/2008/10/blogger-help-add-read-more-link-to-your.html
      WordPress: http://forums.digitalpoint.com/showthread.php?t=1269125

      2. You should not correspond with people in ALL CAPS. IT LOOKS LIKE YOU’RE SHOUTING.

      3. Please do not call me Sir. Unless you want me to call you Madam.

      • January 30, 2013 at 12:29 am
        Permalink

        Indians have a habit of calling everyone “Sir”. it’s not the lad’s fault!

        • January 30, 2013 at 12:43 pm
          Permalink

          They call women, “sir”? Really?

          Besides, I was just kidding around. I realize my gender is not clear. Unless they check the About page. Or the byline. Or the footer. Or…

          🙂

  • April 12, 2013 at 1:50 am
    Permalink

    Thank you for another fantastic article. Where else could anyone get that kind of information in such a perfect way of writing?
    I’ve a presentation subsequent week, and I’m at the search for
    such info.

  • August 20, 2013 at 6:36 am
    Permalink

    hi. i have put the html code in the post html area. my problem is when i put read more tag within my html division code it doesnt work and on the blog page it only shows the post title

  • December 24, 2013 at 8:21 am
    Permalink

    Thank u so much.

    I also want to know how to make tumb nail on photos.

  • January 22, 2014 at 11:37 pm
    Permalink

    Nice info dude..thanks for sharing …
    You can also add this without any modification in template.
    The info is given here : http://goo.gl/rSWFnK

Comments are closed.