how to Add "Read More" in blogger!

Read more!

Read more!

Read this first
put READ MORE... in you blog. it can make your blog faster than before and now I have some Style to share you.
How to do:

1

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
.readmore a { width:69px; height:24px; text-indent:-9009px; background:transparent url(http://farm4.static.flickr.com/3556/3363478306_c76cd05a4f_o.gif) top no-repeat; float: right; margin-top: -19px; margin-right: 3px; }
.readmore a:hover { background: url(http://farm4.static.flickr.com/3556/3363478306_c76cd05a4f_o.gif) bottom no-repeat; }
</style>

2

Add this code below <data:post.body/> like this:

<data:post.body/>
<span class='readmore'><a expr:href='data:post.url'>Read more!</a></span>

Or you can change picture:
Green:

Read more!

http://farm4.static.flickr.com/3556/3363478306_c76cd05a4f_o.gif

Blue:

Read more!

http://farm4.static.flickr.com/3556/3363478306_c76cd05a4f_o.gif

Related Posts by Categories

Widget by Hoctro | Jack Book