Automatic Configurable “Read More” on Blogger
If you just want to show summary of post on frontpage of blogger then unfortunately, you don’t have any option by default. You will need a external script to make it working.
It’s true that, there have been many hacks released to have Read more option on Blogspot or Blogger blogs. Problem with them is that you cannot select the cut-off point and also, there was no support for thumbnail too initially. Here are some scripts which can solve both issues.
This new script, which derives from the “read more thumbnails” (in fact, its an improved version) has two advantages:
- You can choose the cutoff point according to the summary of each post, choosing to show or not show a thumbnail image.
- Limit the article’s excerpt is set at a number of words, not characters (and the words will not be cut off).
It’s a simple two step operation.
1) Find the following code in your template (with expanded HTML):
<data:post.body/> and Replace it by
2) Insert this before <body>
Settings
Now, you can set up a script to change the following variables:
- thumbnail_mode var = ‘no-float’;
- classicMode var = false;
- summary_noimg var = 60;
- summary_img var = 50;
- img_thumb_height var = 150;
- img_thumb_width var = 220;
Thumbnail_mode determines the variable buoyancy to the left of the image. If you choose ‘no float’, the image will not show thumbnails if you choose to ‘float’ will display a thumbnail on the left of the posts on the homepage.
ClassicMode determines whether all entries are to be cut at the same point or not. It is advisable to change it soon changed to true if the variable value thumbnail_mode to ‘float’.
Var Summary_img and Summary_noimg corresponds to the cutoff of the abstract when your post has no image and when it does, respectively. The value 50, for example, means “50 words”.
Img_thumb_height and img_thumb_width correspond to height and the width of the thumbnails (thumbnail image).
The novelty of this version of the script is that you can put Read more on your posts, just like WordPress.
For Example :
<Summary> <! – More -> <Rest of Article>