How to put "Read More" and OPENS full post page

This trick is very popular among bloggers to make short post introduction on homepage (teaser). By creating teaser-post, bloggers can save space to show their older posts's teaser. So how to apply this trick?

First, you have to back up your template, in case there is error.. Then follow these steps

DASHBOARD --> LAYOUT --> EDIT HTML, click on the EXPAND WIDGET TEMPLATES box in the upper right corner. Use CTRL + F and find the following code:

]]></b:skin>

Place this following code after that part, become like this:

]]></b:skin>

<style>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

span.fullpost {display:inline;}

<b:else/>

span.fullpost {display:none;}

</b:if>

</style>

Next, find this part of code :

<data:post.body/>

Place this following code after that part, become like this:

<data:post.body/>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<span style='font-weight:bold;'><span><a expr:href='data:post.url' target='_blank'>Read more!</a></span></span>

</b:if>

Save Your Template....

How to apply to your post ? Look at this :

Your short introduction of your post will be here

<span class="fullpost">

And the rest of your post here

</span>

...all you have to do is "surround" your text / pictures with "span"... Now, you can place "span" manually on every post you make.

Or you can make it appear every time you write a new post. You'll do that like this:
DASHBOARD ► SETTINGS ► FORMATTING, scroll down to the "Post Template" box, and place this code below:
Your short introduction of your post will be here

<span class="fullpost">

And the rest of your post here

</span>

Save Your Template...

Now, everytime you write a new post on Edit HTML, you'll find this code


IMPORTANT ! This code will open your full post page in a new window/tab. If you want to open it the same window, find this code first

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<span style='font-weight:bold;'><span><a expr:href='data:post.url' target='_blank'>Read more!</a></span></span>

</b:if>

delete target='_blank' from that code, become like this

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<span style='font-weight:bold;'><span><a expr:href='data:post.url'>Read more!</a></span></span>

</b:if>

Save Your Template.....

Note :

• You still have to put "span" manually in your post (including your older posts before you edit your HTML)
• You can change text "Read more" in that code with continue reading..., see more..., etc

Original Post by Blogbulk
Thanks for your tricks