by Sean McCullough, Software Engineer, Blogger
(cross post from Blogger Buzz)
It's time to announce another Blogger Birthday feature! Many users have been asking for an easy way to implement "Read more" links on their blog's index page. In fact, for years bloggers have been implementing "Read more" jump breaks themselves by manually editing their HTML --- a process that was complicated and error prone.
Today we are excited to announce our latest birthday present: Jump Breaks.
With Jump Breaks you can show just a snippet of your post on your blog's index page. Blogger will insert a "Read more" link to the full post page where your readers can keep reading.
Today we are excited to announce our latest birthday present: Jump Breaks.
With Jump Breaks you can show just a snippet of your post on your blog's index page. Blogger will insert a "Read more" link to the full post page where your readers can keep reading.
There are a couple of ways to insert a "Read more" jump to your posts. If you use the new post editor (available on Blogger in Draft, or by enabling it via the Settings tab), you'll notice the "Insert jump break" icon in the editor's toolbar. Click this icon and the "jump break" will be inserted into your blog post at your cursor's position.
If you don't use the new post editor, you can still insert a jump break in Edit HTML mode by adding <!-- more --> where you want to position the jump break.
Want to change the "Read more" text to something more your style? No problem. You can edit the "Read more" text by clicking Layout and then Edit the Blog Posts widget.
One more note, the Jump Break feature does not change how your post appears in your feed. You can configure post feed options by going to Settings | Basic | Site Feed, and editing Allow Blog Feeds.
Update: Users that have customized their Blog Posts widget or otherwise have highly customized templates: You may need to edit your HTML to enable Jump Breaks. First, back up your template, then follow the instructions at the bottom of this help article.
Happy Birthday from Blogger!
Posts
121 comments:
Effing awesome!!! Can't tell how pleased I am. :D
Go, Blogger! An excellent feature to add. Hopefully being able to comment right underneath each of our reader's responses will be in our future as well.
Nice, doesn't seem to work if you are hosting the blog on your own server and have the classic template enabled? Am I doing something wrong?
Can you provide code for those that have highly customised templates as this currently does not work.
Way to go Blogger!
Yay!
Can't wait to try it out. I was wondering after took survey when this would come out.
Thank you.
@DarkUFO, Malik - we are updating the help articles for how to use this for customized templates. Stand by!
great love the idea. Now can you fix the font size that won't change to what I tell it to change to? Thanks.
Thanks Siobhan :)
About time. I had to implement that manually THREE YEARS AGO on my blog.
@DarkUFO
You can use the "Widget-Reset" Button. (Layout-Section, HTML)
But, maybe you will lose some changes in your customize Template!!
Save your Template before you are trying this!!!
Or, you wait for the Code-Snippets from the Blogger-Team.
BTW. It's not the last change in Blogger(Template) ;-)
Thank you!
When I utilize the jump-breaks function (great!) the side-bar gadgets all shifted to the bottom of the blog display and are no longer displayed on the side-bar (not great!)...
But when I click the "Read More" link everything looks fine on the post. What's happening? How can I fix this?
So simple... why so late?
Nice feature, thanks.
Thanks Noodle :)
I'll wait for blogger as the reset causes too many issues :)
Sorry for my english.
Jump-breaks is very good, but when I try to integrate it in my template the side-bar float:right CSS property do not working properly. Side-bar shifts to the bottom, after main content.
Why? How can I fix this?
Hello. I'm using the Strech Denim template and I've the new post editor. I did what you say here and the text gets hidden WITHOUT a "read more" link.. :( Why is that?
For users that have customized their "Post Widget" or otherwise have highly customized templates: You may need to edit your HTML to enable Jump Breaks. First, *back up your template* then follow the instructions at the bottom of this page:
http://www.google.com/support/blogger/bin/answer.py?answer=154172
Let us know how it goes.
@Dorothea - what is your blog URL that is experiencing the problem?
@NoodleGei Thanks! That fixed the problem. I was having the same issues as Dorothea. Works like a charm now.
Thanks Siobhan, that worked great.
my url is http://skotadi-fos.blogspot.com
Sorry forgot to say that I went to the edit HTML and took it off my posts because it appeared as if my post finished where the "-- more --" was.
Will be really grateful if you find out why this happens :)
Fantastic new feature but the read more link won't show up. It displays all the content before the jump and hides the content after but there was no 'read more' link. I added the code suggested as I'm using a customised template but still nothing. For now I've manually entered a link to the full page.
Hi Siobhan - What an awesome new feature!! I'm thrilled to learn the team have managed to add this to Blogger, and am sure this will be truly appreciated by the Blogger community :)
I'll be writing about this very soon on Blogger Buster to help let everyone know (and trying to update all my templates too).
Just a quick note: in the Help page where you explain how to add the new code, you refer to this as being for Classic templates, yet the code presented is for those of us using Layouts. It may be a good idea to edit this so there's no confusion about the code :)
Thanks and congratulations to the Blogger team for giving us such great new features!
Amanda
http://www.bloggerbuster.com
Is Post Location supposed to be available in the new editor? Please respond to the Help Forum.
Awesome new feature. Thanx blogger.
Would like to know if I can tweak the code somehow and automated this process ? Like can I build automated post summaried terminated after say 300 words ? This would allow me , not to edit each post manually, as i have 550+ posts on my blog.
I'm using a client side java script @ techquark.com to do so. It would be good it I can so the same using your new feature.
Finally. Can't wait to try it out...hope I dont have to *gulp* edit.
I tried this and the function work great! But it moved my sidebars to the bottom of the page. Any ideas on how to fix this?
What a great gift! Thank you blogger. You are cool. I am writing a post about this feature on my 'Bangla Hacks' blog.
aR
Bangla Hacks
pretty cool. later I guess I'll have to go remove my manually edited Jump Break.
at least this way only some posts will have read more, not all posts.
great idea...
yes,
no more waiting to do that...
we love you blogger,...
Hello guys !
It's a great feature. However some users (count me in there) dont like to leave the page in order to read the full article. Besides, you need to open multiple (tabs | windows) in order to read multiple entries.
That's why I implemented a solution that collapses the contents in each entry and only shows a summary (first paragraph ;o) of each post. If someone wants to read the full text of the article then the only thing to do is to click on the collapsible panel and it's shown immediately without extra navigation, or further (tabs | windows) and so on.
I implemented all this with Dojo and it's not difficult at all, in fact I used something like <!-- more --> mark (but I call it full text instead :P ), so users wouldn't even notice the impact of the style I'm talking about :o).
I use all that in both my spanish and english blogs, and I really like that ;o) .
IMO if this approach is employed (or if an option is added in order to select this behavior ;o) it could be very cool and useful for blog owners as well as visitors. Looking forward to your opinions !
BTW : I love Blogger . Keep up the good work !
Great feature. Thank u blogger.
Happy Birthday Blogger.
You guys ROCK!
Simeo,
There are two issues that your approach doesn't solve..
1) Performance: you are only performing a visual function.. if there are slow loading objects like videos/slideshows or lot's of photos, they will still get rendered. Even if someone doesn't click to open the post, they have still paid the performance penalty to view it's entire content.
2) Tracking: If you keep people on the same master page, analytics won't be able to determine which post the user actually read (within that page). I saw a dramatic improvement in tracking visibility after implementing my own read more a year ago!!
The jump page method has both performance and analytic benefits. Don't forget to put your expensive functionality below the fold.
@Dorthea, @HarlemLoves:
If your "Read more" link doesn't show - then you have a customized template and will need to do a little HTML editing to see this link. Follow the instructions at the bottom of thispage.
@ODARA,@CountRavenAmiant, @TheFlyer:
We are investigating the issue with sidebars being moved to the bottom of the blog.
@Amanda:
Thanks for the feedback, help article will be corrected shortly. :)
Thanks Blogger Team for the nice updated feature for the Birthday.
I was actually waiting for a feature like this and now it's here. Now it's time for me to update my Simple Blogger Tutorials blog template and edit my posts. It seems a lot of work needs to be done...
About freakin time! Now I can stop looking around for another service that has this feature. :)
Pardon my English (I'm Brazilian). I just know that after I installed the new feature, the template of my blog was mangled: the sidebar was the final stop of the blog. How do I fix this?
Abs
Sumy
I've been using the manual mode for months and now I'm so proned that i won't change :P
Anyway, thanx for addin' new issues on and on...
I have a custom template, installed the code, and it works fine.
However, is there a way to center the "read more"?
Siobhan,
I think you answered the wrong question (In the help forum)
Siobhan Quinn thank you so much! I did what you said and it worked! That's great! :)
Just noticed though that my sidebar isn't a sidebar any more; it moved to the end of the page! Why is that? I guess I'll have to remove it after all :(
Tried it out. Turns out I was not using the new editor. Duh! Switched over. Now it works fine. I needed to do the little edit too (mentioned in your Update footnote) so that "Read More" became visible on the post. Thank you once again. :)
Thanks for the update! I installed new editor, and then the extra code, since my customised template needed it. However, the new editor makes all my posts and sidebar links italicised! Any idea why? So I've gone back to the old editor for the moment.
how ?make
will we be able to eventually add style to the "Read More" jump link??? Like bigger fonts or color options?
Doesn't work, and my blog is hosted on BlogSpot.
Might be a browser compatibility problem. I use Firefox version 2.0
Gonna try some code I found to add to the posts template under Settings. Works better because the reader doesn't navigate away from the home page, plus it still works on the entries page. Nice try, Blogger, but no cigar.
It is the most awaited feature from blogger. Thanks for this. But a shortcoming still persists. The images show in full dimension adjacent to the text. It would be lot better if the image in the post gets converted to a small thumbnail say 100 px when the jump is inserted.
best for the birthday!
the right sidebar goes to the bottom because jump break is inserted between opening div tag and closing div tag. Put an opening and closing div tag before and after inserting jump break feature:
[div]short text [/div]
[!-- more --]
[div]rest of the post [/div]
I used [] instead of <>.
@Crazyseawolf and Siobhan,
This didn't seem to work. I just entered the [div][/div] tags as you suggested CSW but had no luck. Will a blogger fix be coming soon? Thanks!
I got also same problem with that... sidebar shifting to bottom...
Nice to us for blogger. Thanks for sharing, you rock!
@The Flyer
It worked very well in my blogs. Are you sure that you entered the [div][/div] tags before and after Jump Break?
I think this caused the problem of the template and new post? because since last month there were problems and settings cannot be saved at all.
You should use id instead of name to make a link to the more anchor. name is deprecated and doesn't validate. id is the standard now and works on all browsers. By the way, the anchor was supposed to be on a div tag, not on an empty a.
This is a rather minor detail unless one is really pressed for space, but I noticed the "Read more >>" link is always placed in a new line. Is there a way to put it right after the last character of the opening text?
Iam so amazed! I ve been waiting for years for this feature. Thank You Blogger ! Happy Birtday !!!!
Hi! Your blog is simply super. you have create a differentiate. Thanks for the sharing this website. it is very useful professional knowledge. Great idea you know about company background. Customized application development
I'm having a problem with this feature. My sidebars shift to the bottom of the page.
my sidebars have also dropped to the bottom of the page, any news on the development of solving this problem? also...google ads between posts, is it possible to remove these from appearing between the posts?
thanks
I just tried Blogger in Draft, and there are a lot of things I like, but please (!) bring back spell check.
I don't care if you delete this OT comment, just pay attention to it and bring back spell check.
I have got rid of ads between posts, please ignore-- new to this;)
That's really great. Many newbies will find this awesome and wont have to depend on third party codes..
Any news on how to solve the sidebar problem? crazyseawolf's fix doesn't seem to work in our blog ...
@Grain de Blé: Are you sure you've close all divs tags before inserting Jump Break?
I just tested this in a blog post titled Testing Blogger's New "Read More" Jump Break and it failed. Is it possible to get jump breaks to work on an FTP blog that's using a classic template?
I tried everything from the above suggestions and the "read more" link doesn't show up on my Minima black blogger template.
However, the link does show up on my Minima white test blog.
I had the same problem a few month ago when I tried to implement Amanda Fazani's page brake and I had to give it up then.
Not in compose mode, not in HTML, not in new or old editor and not in DarftBlogger, I tried them all.
Has anyone a new suggestion?
I've also been having the sidebar problem but have found that if I set the number of posts on the main page to 6 or less, then the problem disappears. The sidebar moves to the bottom if I set the number of posts to 7 or more.
Hope this helps to narrow down where the problem lies.
Thank you
Wew! just want to say thank you for greeting. :-)
Hola, soy de Uruguay. lo he estado provando pero cuando el blog está en la portada, los gadget aparecen abajo, si utilizo el enlace permanente los gadget aparecen correctos.
Wow!!!! I like the whole post. That's really great. Many newbies will find this awesome and wont have to depend on third party codes..
============================================
SHELLY KANE
visit hallucinating sapience
Its not really work for me. Read more option wn't appear on my page at blogbychandra.blogspot.com
Please also include
Scheduled Posting
Sticky Posting
individuallly, as currently they are getting messed up....
equest from http://jugaadworld.blogspot.com
This vanishing right sidebar problem with page breaks is super frustrating. I had to delete two posts by other authors. I read a comment from a couple weeks ago that blogger was looking into this, well any =thing to report. My site is http://www.celticslife.com fwiw
But why now..?? After waiting for ten years.. Bang Del coming to Blogger in Draft
after a long time wait turns out there is also this feature. thank's goog...
after a long reads i think its good post
read more function is not working in all templates
Great feature. Thank u blogger.
great feature. thanks to Blogger Team.
we are waiting for new features :)
www.bloggerdal.com
design is great.. thanks for this, awesome stuff.
film izle
film seyret
online film izle
online film seyret
indirmeden film izle
indirmeden film seyret
online film
Lol.. that's similar to this thing here
http://82705632.youfap.com
how to join the team? i love to make my own too. i still don't undertand some stuff.
film izle
film izle
film izle
sexyono
sinema izle
çizgi film izle
anime izle
sexyono
erotik film izle
nice tips
You said: "Today we are excited to announce our latest birthday present: Jump Breaks!"
By chance of reading this post, I think Blogger in draft is very usefull!
use full for my blog GOOGLEMADE.BLOGSPOT.COM
This is interesting. Although I am new here, the "read more" option will be helpful for my articles! It is like reading a newspaper that the readers will certainly enjoy reading.
It will be more convenient for those bloggers/writers without hassle of getting error or mistake especially for those who are not so familiar with the HTML basics.
well, this will be off-topic. shoot me :)
THANK YOU for the x-large images option that i've noticed just now. sure it's pretty new thing, and i've been waiting for it so long! thanks to that blogger is now a rather nice photoblog platform out-of-the-box. thanks!
Hi im trying to delete my read more button, i have scoured through all of my html and none of the codes are there for it, or in my posting html.... little stuck not sure how to get rid of it ??
wow.. that's really amazing.
I am one of them.. :-)
@ Crazyhorse..
absolutely you're right bro.
This is very useful and effective :)
simple n easy. thx for tips
owwwwwwwwww at the end blogger did it!!!
i have a question about my blog.. (http://luv2livlyf.blogspot.com/).. i just started blogging and after publishing nearly 4-5 posts, i found few people are not able to view my profile or blog or posts.. i observe, they get an error like this:
Profile Not Available
The Blogger Profile you requested cannot be displayed. Many Blogger users have not yet elected to publicly share their Profile.
If you're a Blogger user, we encourage you to enable access to your Profile.
y is this happening ?? and i find few people having access.. can you let me know the solution before i post some new one? thanks in advance.. waiting for a solution..
Where is the film strip from "edit HTML"?
I recently switched to new blogger post editor i reaally like the new features how ever the proble i have is all my post content is altomatically starting with an old date 26 feb 2004.It is not visible when edditing but only becomes visible after publishing.this makes my articles look old especially if its a news item.I have searched for solutions but i still cant correct. Please help-contact details on my blog.
i need help in my blogger www.divxsinemafilmizle.com .. I couldnt as well jump as you talked above
biz ne dedik ? film izle
sinema izle
film izle farklı mı geldi ? best regards :p
Am I missing something? couse i am failed with this.. Is there any step by step tutor?
used cell phones
there are many steps Mr.
thanks for all. i like it.
نقل مباشر -
موديلات سيارات 2011 -
مكسيما 2010
en güze oyun sitelerinden biridir heresi bekliyoruz iyi günler dileriz.
en güzel film sitesidir süper site herşeyin olduğu tek site
en güzel oyun indirme sitesi
en güzel sohbet sitesi
mirc indirmenin tek adresi
Hi there,
When I was used the new feature "-- more --" in my blog content which will makes my browser HARD COLSE. Anyone can share solution?
Thx in advanc
WO
thanks you very very much.
Wow it's easy, Oh MG... Thank you very Much..
Post a Comment
Let us know what you think about what’s happening on Blogger in draft!
Don't see the feature everyone's talking about? Make sure you've logged in to draft.blogger.com. Learn more.
Having a problem with something else on Blogger? Get support at our help center.
Off-topic posts will be deleted