Create "Read More"  

Posted by Ilham DC in

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
Cara Berinvestasi Saham Untuk Pemula

Related Posts by Categories :



0 komentar

Post a Comment

Recent Posts


Recent Comments

Translate This Page

Google-Translate-Chinese (Simplified) BETA Google-Translate-English to French Google-Translate-English to German Google-Translate-English to Italian Google-Translate-English to Japanese BETA
Google-Translate-English to Korean BETA Google-Translate-English to Russian BETA Google-Translate-English to Spanish Google-Translate-English to Indonesian Google-Translate-English to Arabic
Google-Translate-English to Portuguese Google-Translate-English to Thai Google-Translate-English to Swedish Google-Translate-English to Greek Google-Translate-English to Norwegian

Followers

Related Websites

Archives

Get Update Now

Enter your email

FeedBurner

.:: OR ::.

Subscribe in a reader

ss_blog_claim=6af98ccd7f4af72edfa6e1115fd24d99