Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

How to create readmore on blogspot

Hi guys, how do you do? I hope all of you wealth and OK. This time i will guide you "How to Create Read more on Blogspot.com", this article specially for beginner blogging.

OK, no more talk... lets start to do. Here steps you must followed:
1. Adding the Conditional CSS
What should i do? This way, the first step Log in to blogger.com and in the dasboard menu just Click Layout ---> Edit HTML. And than don't forget to make a backup Download Full Template. This is necessary if you fail to do, we can upload the original template. Find this code </head> and adding code to above exactly:

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

It makes a class called fullpost will appearance in detail page you were post.

2. Adding Read more code
The second step, add link Read More (what ever you called will be showed on detail posting after prolog). Just click checkbox Expand Widgets Templates above editing box templates.
Founded this code:
<data:post.body/>

Add this 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>

If finished, click Save Now button below(ussualy blue color button). Read more will be show in main page, if clicked will show detail posting article.

3. Adding on Setting Format
Finally step is setting format, click setting on tab bar and chosse fomatting. Go to the end page(below) andthen add this code on the box with name Post Template.
<span class="fullpost">


</span>

Don't forget to click Save Setting button(orange button color).
The result is


Ok it's finish, when you are posting article make sure the text preffix place in above <span class="fullpost"> and the rest place below <span class="fullpost">.

I hope usefull for you, don't forget to leave comments.
Original posting All About Computer


Best regards,



This post first appeared on Blog And Dolar$, please read the originial post: here

Share the post

How to create readmore on blogspot

×

Subscribe to Blog And Dolar$

Get updates delivered right to your inbox!

Thank you for your subscription

×