Daftar di PayPal, lalu mulai terima pembayaran menggunakan kartu kredit secara instan. Get cash from your website. Sign up as affiliate.

How to create readmore on blogspot

Posted by Sismadi SSM | 9:34 PM | | 3 comments »

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,

Bookmark and Share

3 comments

  1. uminadine // October 19, 2009 11:06 PM  

    thanks bgt bozz for the information....wah berguna bgt neeh,

  2. Buaya Darat // October 30, 2009 6:26 PM  

    newbie sudah kali2 coba cara ini tapi selalu ngak berhasil.

  3. Admin // November 04, 2009 9:28 AM  

    keep up the good work fren...=)

Let's Go Blogging