22
Mar
Create "Read More"
Posted by Ilham DC in Tutorial
If we set our blog posting in default setting (7 post per page) or we change it into our prefer value, all content of post will appear.For single post per page its no problem.But, if we use default setting or use more value on one page it will appear not good enough for reader.And in this chase we need "Read More" widget to make our blog more good looking.Because with "Read More" widget we can resume every single post become simple appearance, and can expandable into full post when readers click on it.
Create Read More:
- Log in into your Blogger Dasboard
- Click Layouts tab
- Get into Edit HTML
- Download your full template for back up purpose
- Expand Widget Template
- Find this code : </head> and paste this code bellow under it :
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
or you can paste this code after this element: ]]></b:skin>
After you were done whit that, you can find this code : <p><data:post.body/></p> and paste this code bellow under this tag :
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
This code used to cut your full post into resume.You cant change "Read More.." text with your own text.After all, save your template. "Read More" widget will appear on every post by adding this code :
<span class="fullpost">
after your first paragraph or anywhere you prefer and add this code : </span>
in the end of your post but this code will work on HTML mode not on Compose mode. You can set it into automatic by setting your post template.And all you need just get into blog Setting and get into Formatting, paste this code bellow on Template Posting box :YOUR FIRST PARAGRAPH
<span class="fullpost">
REST OF YOUR POST
</span>
"YOUR FIRST PARAGRAPH" indicate that your first paragraph will be here and "REST OF YOUR POST" indicate that your rest paragraph location that expandable and will appear after "Read More" widget clicked by reader.
Adapted from Blogger Help Article