Hi bloggy readers,
Have you ever seen a short articke in some websites and found in the bottom of that article a words "Read more" or "Read the rest" or anything, that allows people to read that full article by clicking that words?
Yes, that is a a Read more feature! Many blogger have used that feature to shorten the long article and only show the first paragraph of that article, because that ,of course, will make their blog or website look good. So i decide to make this post.
Let's start guys!
1. Login to Blogger.com2. Go to Setting -> Format
3. In the bottom, you can see a words "Post template"
4. Fill the empty box with these two codes:
<span class="fullpost">
</span>
5. Save the change
Next phase
Ok, that is the first phase. Now proceed to the next phase!
1. Go to Layout -> Edit HTML
2. Mark the "Expand the template widget" box
3. Press Ctrl + F and find this code:
or
<p><data:post.body/></p>
4. Remove that code and change it with the code below
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Read more...</strong></a></p>
</b:if>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Read more...</strong></a></p>
</b:if>
5. Now save the template.
Now if you want to create a new post, the post template will be added automatically with the code below:
<span class="fullpost">
</span>
- If you want to post an article, remember to put the first paragraph of your article before the code <span class="fullpost">
- And then, put the rest article (without the first paragraph) before the code </span>
And publish it! In the homepage, you will only see the first paragraph. And to read the rest article, you have to click the magic words "read more"
Hope this article will help you all my fellow bloggers. Read also this same tutorial about making a readmore with a title. Good luck bloggy!
