Welcome-! If you want to exchange link, please simply add my link on your blog/website then leave message in chat box at the bottom of the page... Thank you-Happy reading~~

Monday, October 25

Widgets

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

1 comments:

Thomas Anderson said...

The great post about How to put "Read More", it's a very useful Tips, thanks a lot for sharing.
software free download for pc full version 2013

Post a Comment

Chat with me

Creative Commons License Copyright licensed by :Creative Commons Attribution 3.0 Unported License. We allow people to copy and distribute our work provided they give us credit - URL backlink to the article or to the our homepage,http://share-everythings.blogspot.com.
Twitter Delicious Facebook Digg Stumbleupon Favorites More