≡ Menu

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

more tag, jump break, blog post,

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

 

{ 17 comments… add one }

  • NOKOT June 26, 2012, 8:17 am

    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

    • Margaret June 26, 2012, 12:02 pm

      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.

      • Sayeman January 30, 2013, 12:29 am

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

        • notmags January 30, 2013, 12:43 pm

          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…

          :)

  • ford ranger April 12, 2013, 1:50 am

    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.

  • kevin August 20, 2013, 6:36 am

    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

  • http://Lohslakeviews.com December 12, 2013, 7:00 pm

    Telling your ex that your still inlove with him or her will
    work in this case. Thhe fun of it is that a lot
    of it is such a wild card. Your ex most likelly loves you as
    a person, so when you agree to be “just friends,” it’s
    an excellent resolution for him or her.

  • vipin December 24, 2013, 8:21 am

    Thank u so much.

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

  • MADHAV January 22, 2014, 11:37 pm

    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

  • ardian January 29, 2014, 9:04 am

    thanks buddy

  • Abdul Shekkeer KM February 6, 2014, 6:27 pm

    Thank you Madam!

  • http://itsupporttime15655.wordpress.com/ February 18, 2014, 4:08 pm

    Hi there are using Wordpress for your site platform?
    I’m new to the blog world but I’m trying to get
    started and set up my own. Do you need any coding expertise to make your own blog?
    Any help would be greatly appreciated!

  • ymeem.ru February 24, 2014, 8:43 pm

    It’s remarkable to pay a visit this web page and reading the views of all friends concerning this piece of writing, while
    I am also zealous of getting familiarity.

  • kebudayaan-dayak.org February 25, 2014, 1:10 am

    Excellent post. I will be experiencing some of these issues as well..

  • wordpress website for dummies March 1, 2014, 2:23 pm

    We stumbled over here coming from a different page and thought I might as well check things out.
    I like what I see so now i’m following you. Look forward
    to checking out your web page again.

  • klinikpengobatanalternatif.com March 14, 2014, 3:19 am

    This is a great tip especially to those new to the blogosphere.
    Short but very precise info… Appreciate your sharing this
    one. A must read post!

  • http://flowingtechblog.com April 12, 2014, 9:42 am

    this is really nice for new bloggers to add to thier default blogger template

Leave a Comment