What is a "Read More" link? On lots and lots of blogs, you will see a short piece of text usually with a teaser or a summary, and if you want to read more of that story, you click the "Read More" link. Why do this?
Any journalist will know that newspaper articles should be written as if on a scroll: the reader should see the bare essence of the message straight away from the headline and the first paragraph. More detail and a sharper picture emerges as you read on, or as you roll out the scroll, in other words.
There is a very easy Read More hack for Blogger, but there are a few things wrong with it. It reloads the one post in the current window so the view on other posts is lost, the screen will flicker, and if you have a rotating banner like me, the banner will change. I didn't want that.
I wanted several additional texts that the reader can toggle on and off independently. Like so.
It's just a much better service to the reader when the novice can expand explanations that the expert can skip. Or vice versa: an expert may want to dive into detail that others choose to skip.
But not in Firefox.
Well, Shit, as we say in Dutch.
Nevertheless, a decent Blog isn't worth that name if it doesn't show properly in the Big Three. So after some analysis & trial & error, I came up with a nice little script to put into your template one time and then call it lots of times from within any number of Blogger posts. Tried and tested in Chrome, Firefox and Internet Exploder.
Click on the picture top right to get a screenshot of the code, or download the code snippets in a text file. There is a fair bit of explanatory comment. See for yourself!
Note: Loket Diversen is normally in Dutch only. This post is in English to accomodate the wider audience of Blogger users. And to attract readers. Ho hum.
12 October 2009: improved code snippet to show IDs and link texts in a more comprehensive way.
12 August 2010: updated link to code snippets.