The script is so popular, at least we have used it a once over. Most blogs are more or less tricks mentioned Auto-readmore, so although never published and never use auto-readmore but it's still in the top keyword Noct Blog.
Thus in order to salvage their traffic and today, will post the script for auto-readmore are some recent template, hope you will have a new option when using this popular procedure.
So what's new? The answer is nothing innovative here at all, just reprocessing the old script to improve download speeds and more customizable.
As you saw in the demo, the thumbnail image has taken a rather nice and faster to resize:
----->
However, for images from Picasa, but not copy from another site still resize again as usual:
----->
Before performing this procedure, you should back up the original template as a precaution, then go to edit HTML and insert the following CSS above
]]></b:skin>
.thumb,.no-thumb{float:left;margin-right:15px;width:164px;height:164px}
.no-thumb{display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTkpR4IribO5jn8MlzZ2tCaZxevg7Qb71HZSVL35GrPkoHp9vMziGnutXQ4lFzKv1cPDkiEoeeJdEY_I2LY1ktLNRyBUE6kOk74iBjLF0h64GARArkLHpTDh2Dro_VDLTOWnZquSXwMbc/) 0 0 no-repeat;}
a.jump-link{font-weight:bold}
But this script is inserted below
]]></b:skin>
<script type='text/javascript'>//<![CDATA[
var snippet=60; G="s164-p";
function H(b,a){return b.replace(/<.*?>/gi,"").split(/\s+/).slice(0,a-1).join(" ")} function rm(b){var b=document.getElementById(b),a="",a=b.getElementsByTagName("img");if(1<=a.length){C=a[0].src;B=C.split("/");D=B[2];if(-1!=D.indexOf("blogspot")||-1!=D.indexOf("googleusercontent")||-1!=D.indexOf("ggpht"))F=B[7],C=-1==F.indexOf(".")?C.replace(F,G):B[0]+"//"+B[2]+"/"+B[3]+"/"+B[4]+"/"+B[5]+"/"+B[6]+"/"+G+"/"+B[7];a='<img class="thumb" src="'+C+'" />'}else a='<div class="no-thumb"></div>';b.innerHTML=a+H(b.innerHTML,snippet)+"..."};
//]]></script>
Red is the image size of thumb, you can edit them, but should be of equal value.
Blue is the default thumb url image post does not contain any images.
60 is the number of characters quotations, can change.
Finally, select expand search utility to fix it <data:post.body/>:
<b:if cond='data:blog.pageType == "index"'>
<span expr:id='"p" + data:post.id'><data:post.body/></span>
<script type='text/javascript'>rm("p<data:post.id/>")</script><b:else/><data:post.body/></b:if>
<b:if cond='data:post.hasJumpLink'>
<a class='jump-link' expr:href='data:post.url + "#more"'>Read More</a><b:else/>
<b:if cond='data:blog.pageType == "index"'>
<a class='jump-link' expr:href='data:post.url' rel='nofollow'>Read More</a>
</b:if>
</b:if>
<div class='clear'/>
Save the template, it is almost done, if in your template, then delete it the following type:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
This code is fully compatible with the default read-more of Blogger, and if you insert more diligently for the post, then its speed is almost equal can auto-readmore procedure does not use javascript, and the quote is certainly is longer. About SEO, you can rest assured that the entire HTML of your post is displayed in the source of the blog should not affect.
