Blogger has started its blogspot blog platform since 1999 and it has been more than 11 years since and there have been much moderation on blogger template, layout, dashboard and including blogger classic template.
Ten years ago in 1999, most of blogger blog users have not used read more or in other name expandable post summary on their post. I don’t know why, because when I blog roll I found that many blogger classic blog template have not use read more. And I finally I understand that they just don’t know how to create read more on their blog post.
Therefor I hope this tips will help, on how to create read more on classic blogger template using CSS. In this post I use minima blogger classic template and it work, as shown on pictures bellow.
Here is screen shot of minima classic template. Note: You should always download your full template before you make any changes to your blog just in case there is an error. You can refer back your previous working template.
First you need to go to your dashboard and click template
and then find this code , see bellow picture on how to find;
Now put bellow code before or above the </style> code.
(for classic templates)
I am writing a post to make read more for classic blogger template,See the result picture bellow;
Ten years ago in 1999, most of blogger blog users have not used read more or in other name expandable post summary on their post. I don’t know why, because when I blog roll I found that many blogger classic blog template have not use read more. And I finally I understand that they just don’t know how to create read more on their blog post.
Therefor I hope this tips will help, on how to create read more on classic blogger template using CSS. In this post I use minima blogger classic template and it work, as shown on pictures bellow.
Here is screen shot of minima classic template.
First you need to go to your dashboard and click template
and then find this code , see bellow picture on how to find;
Now put bellow code before or above the </style> code.
<ItemPage>
And then find this code à <$BlogItemBody$>
or <data:post.body/>
and put the code bellow after or bellow the above code. See bellow example.(for classic templates)
<$BlogItemBody$>
<MainOrArchivePage><br />
<a href="<$BlogItemPermalinkURL$>">Read more!</a>
</MainOrArchivePage>
Note: you can change this Read more text with your own word.
And on your post, you should modify it like this. Go to your post and click Edit Html as shown in the picture bellow;
<span class="fullpost">
and here is the rest of your post about read more classic blogger template
to help classic blogger template user to create read more
</span>
;
I am writing a post to make read more for classic blogger template,
So blogger classic template user can modify their post.
And when you click read more you will see the complete post as follow.
I am writing a post to make read more for classic blogger template, So blogger classic template user can modify their post.
And here is the rest of your post about read more classic blogger template to help classic blogger template user to create read mor.