|| Add Read More link to your posts || Must See ||

Note:-

As You Can See In Above Picture That There Is A Read More Sign .

Now in The Below Picture You Can See That Post Has Been xpanded

Most of the bloggers, want to show more than one post in their blog's home page, but displaying all the content on the home page of each and every post makes the home page very lengthy, and visitors may miss out any article while scrolling down the entire length of the page.

So here's a method for bloggers to display only a part of the posts, and not the entire posts. If a visitor wants to read the complete article then he/she will click on the "Read More" link at the bottom of the post, which will be redirected to the particular post.

Follow The Steps :-

1. Log into the Blogger.com account

2. Go to "Layout" section

3. Back up your current template, by downloading it.

4. Now click on "Expand Widget Templates"

5. Now find this code - ]]></b:skin>

6. Just AFTER that code add these lines

<style>

<b:if cond='data:blog.pageType == "item"'>

span.fullpost {display:inline;}

<b:else/>

span.fullpost {display:none;}

</b:if>

</style>

7. Now again find this code : 

8. And just after this, add these code lines:

<!--READ-MORE-STARTS--><b:if cond='data:blog.pageType != "item"'>

<a expr:href='data:post.url'>Read More!</a>

</b:if><!--READ-MORE-STOPS-->

9. Now save the template.

IMPORTANT :Now these adjustments will NOT show your previous posts with "Read More" tag, but you can display them with Read More tags, by editing them with instructions as below:

From now on, whenever making a new post, the part of the post you want to HIDE on your main homepage, write those lines in between these code lines:

<span class="fullpost">WRITE THE PART OF THE POST YOU WANT TO HIDE HERE</span>