Tuesday, February 8, 2011

After the Break

Want to make your blog load faster?  Want to help your followers who have a slow connection or are opening up 50 blogs at once?  A couple people have asked me how to make a blog display an intro paragraph with a link to read the full post, and I think it's a great idea for a tutorial.  It's also really easy.  Click to read how.

When you're writing you're post you can put the cursor wherever you want the link to appear after, and then simply click the button that looks like a torn paper.  When you hover your mouse over it you'll see: "Insert Jump Break".  After you click it, a grey line will appear and you can drag the grey line to move it up or down if you like.  Anything above the line will display on your main page, and anything below it will display after the viewer clicks the link.  See picture for reference:





Now since that seems a little too short, I'll show you how to customize the link text as well.  Since I couldn't think of anything too creative I just made mine a common intentional misspelling.  Start out by going to the Design tab and clicking Edit, in the Posts section.
In the popup window, simply change the setting for "Post page link text" to whatever text you'd like.  Save your changes and enjoy your faster load times with a more custom look.
Thats all for today.  Pretty easy, and in my opinion it's a cool feature that I wish I'd found sooner.  Hopefully a few of you will get some use out of this now that you know about it.  As always, thanks for following.  See you next time.

37 comments:

  1. These are great for sites with long posts, excellent guide!

    ReplyDelete
  2. Yes! I was one of the few that asked you ^__^.

    Thank you for a quick and easy tutorial.

    ReplyDelete
  3. Huh. For some reason, I assumed blogger did this automatically...

    ReplyDelete
  4. it would be kind of cool if they did it automatically so everybody's blogs would probably load a bit faster, but it's nice doing it yourself so you can choose where you want to put the jump-break.

    ReplyDelete
  5. nice tip man. Keep em comin.

    ReplyDelete
  6. I love using line breaks, thanks for the tips :).

    ReplyDelete
  7. I'm going to do that immediately. That's what I was looking for yesterday :) Thanks!

    ReplyDelete
  8. Read More links are incredibly handy and can really tidy up a page. Gotta love em

    ReplyDelete
  9. That's a pretty nice tip, thanks for sharing !

    ReplyDelete
  10. oh man, i love your tutorials! had done every tutorial on your blog till now, so much thanks :)

    ReplyDelete
  11. That'll be handy for when I use a lot of pictures. Thanks!

    ReplyDelete
  12. i'm always a fan of your tuts, keep up the good work sir

    ReplyDelete
  13. Useful to know - I've seen other, much harder, ways of doing this... as always you clear it up for me.

    ReplyDelete
  14. haha clever use of the technique

    ReplyDelete
  15. my blog is mostly just text anyway, but I'll give it a try, thanks!

    ReplyDelete
  16. awesome tutorial as always. good to knnow. although I may not use it since I only got images and 4 lines of text...

    ReplyDelete
  17. Great! I will implement this into my blog. Thanks bro.

    ReplyDelete
  18. I don't know how you make all this stuff that doesn't make any sense to me sound so easy but you do. I just never get around to doing any of it. :P

    ReplyDelete
  19. what a coincidence^^!

    I just added those jump breaks after reading the google tutorial on it and less than half an hour later I find this post stating how to do it^^

    nevertheless this tut seems rather good, I'm sure it will help people who haven't tried this yet greatly

    ReplyDelete
  20. thanks man. will activate it tomorrow on my blog

    ReplyDelete
  21. Hey thanks this will help alot, could you do a tutorial on adding the ads to the bottom of the page because I don't want them in my face when I'm commenting and I would like a sleek look.

    ReplyDelete
  22. learn something every day reading this blog, another great post.

    ReplyDelete
  23. And yet another thing I was wondering how to do was answered by you, thanks!

    ReplyDelete
  24. I added this recently :) Didnt know it existed in blogspot for longtime;(

    ReplyDelete
  25. Again, a great informative post. Keep'em coming.

    ReplyDelete
  26. @Gaming Day,
    I just wrote a comprehensive, easy, tutorial on adsense placement just for you. I scheduled the post to go up at midnight(CST). So check back then and your question will be answered.

    ReplyDelete
  27. just buy faster internet! jk, good guide.

    ReplyDelete
  28. I was just wandering how to do it thanks to you i didn't even have to look hard for this, thank you.

    ReplyDelete
  29. I totally forgot about this! Thanks for reminding me, might add it to my blog now :)

    ReplyDelete
  30. That's great!

    Thanks for the tip... will apply into my blog right now!

    Oh, also follow me if you can! ;)

    ReplyDelete
  31. So that's how you do it. Was wondering why every article was displaying in full on my main page. Thanks for the info =)

    ReplyDelete