Implement 'Read More' link in blogs..

Implementing read more link in the post is very important and yet very effective too. So, I have created this post for you to add "read more" link in your blog in some easy steps.

First you need to goto to your blogger account and to the layout section. Goto Edit HTML and select expand widgets tab. Then search for:

]]></b:skin>

and place this code immediatly above the previous code: 
 

<!--read more codes start (by www.bloggossips.co.cc)--!>

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

<!--read more codes end (by www.bloggossips.co.cc)--!>

Now search for:

<data:post.body/>

and place this code below it

<!-- read more link begin (by www.bloggossips.co.cc) -->
<b:if cond='data:blog.pageType != &quot;item&quot;'><span><a expr:href='data:post.url'><u>read more..&gt;&gt;</u></a></span></b:if>
<!-- read more link end (by www.bloggossips.co.cc)-->

Now just goto Settings>Formatting:

And there at the bottom you will find Post Template form. In the form paste the code below:

Visible post
<span class="fullpost">
Expanded Post
</span>

And the work is nearly over. Now you just need to goto to Newpost and there you'll notice
 

Visible post
<span class="fullpost">
Expanded Post
</span>

code in your post. Then you just need to replace Visible post with your post you want to show(post before "read more"). And replace Expanded Post with the post you want to hide(post after "read more").
And save your post and you'll notice a read more link hiding your desired post.