How To Show Post Summarize Using "Read More" Link?

A blogger must be aware of all available blogging tricks like as experts or professionals. A  good blogger can be easily identified by the way he manages his blog with a real blogging atmosphere and organizes his posts using summary texts by means of read more tags. Setting 5/6 posts default for homepage is the better to get more clicks and arouse more attraction into readers to read more posts. Keeping reader busy for a longer time is what should call your blogging success. It's a better way to show concise number of posts only if you use read more links for lower page load time as well as giving a smart outlook of homepage.

Once you install custom read more button on your blog you would be able to show random posts, labels, search queries in just one page of your blog. The installation procedure is very easy should take less than 2 minutes to completely integrate.

Add "Read More" Link To Blogger Custom Template

1. Go to Blogger>Template
2. Backup Your Template
3. Now search for the following code

</b:skin>

4. Simply add the following code right after it

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

5. Now find this code  <data:post.body/>  
6. And just after <data:post.body/> add the code below,

    <!--READ-MORE-STARTS-->
    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'>
    <div style="text-align: right;">Read More ->></div></a>
    </b:if>
    <!--READ-MORE-STOPS--> 

Please Note: You can replace Read More ->> with any image url also. So that your read more link will be smart, shorten and stylish. 

7. Once you want to add image instead of Read More ->> then please do following

<!--READ-MORE-STARTS-->
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="text-align: right;"><img border="0" alt="read more" src="URL Of Your Image"/></div></a>
</b:if>
<!--READ-MORE-STOPS-->

8. Simply replace URL Of Your Image with your Read More image url

You May Check Out More Below:

• Read: 10 More Ways To Stylize Read More Buttons
• Read: How To Remove Jump Break From Blogger