Make Auto Readmore Fast Loading on Blogger

Table of Contents

Auto Read More is the term for the display of a blog's front page post in the form of a thumbnail image, to be precise, taken from the first image of the post, the title, and a summary or snippet of the initial contents of the article (first paragraph, etc.).

Manually auto readmore can be made by clicking the "insert jump break" menu when writing.

The following is a way to make Auto Readmore Fast Loading for bloggers, which automatically makes the front page of the blog display a post summary.

Here are the ways and steps to make auto readmore fast loading on blogger:

1. Templates, click Edit HTML

2. Save the code above ]]></b:skin>

.thumbnail-post {width:150px; height:100px; float:left; margin:0px 10px 0px 0px;}

Replace the <data:post.body/> second code with the auto readmore code which summarizes the appearance of the post on the following front page.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
 <b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:post.firstImageUrl'>
 <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a>
 <b:else/>
 <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' src='http://1.bp.blogspot.com/-XeZs003zT-4/UwM1mfc9l3I/AAAAAAAAAlw/TNTcFCMPH4A/s1600/no-image-thumbnail.jpg'/></a>
 </b:if>
 <div class='post-snippet'>
 <data:post.snippet/>
 </div>
 <div class='rm-button-wrap'>
 <a class='button' expr:href='data:post.url'>Read More</a>
 </div>
 </b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
 <data:post.body/>
</b:if>

3. Then Save.