The following are the steps to make auto readmore on blog:
1. Login to your blogger account on blogspot
2. Select 'Design'
3. Select 'Edit HTML'
4. Check 'Expand Widget Template'
5. Please you choose to backup 'Download Full Template' for anticipating the event of an error
6. Find the code </ head> . To facilitate the search, you can use 'ctrl + f'
7. If you have found, place the following code right above </ head>
<script type='text/javascript'>
var thumbnail_mode = "float"; /* The location of thumbnail images */
summary_noimg = 250; /* Displays the number of characters with no images */
summary_img = 250; /* Number of characters in the picture */
img_thumb_height = 100; /* high picture */
img_thumb_width = 120; /* The width of the image */
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
8. Find the code <data:post.body/> . If you have found, please replace with the following code :
Good luck..!
Read More - Create a blog on auto readmore
1. Login to your blogger account on blogspot
2. Select 'Design'
3. Select 'Edit HTML'
4. Check 'Expand Widget Template'
5. Please you choose to backup 'Download Full Template' for anticipating the event of an error
6. Find the code </ head> . To facilitate the search, you can use 'ctrl + f'
7. If you have found, place the following code right above </ head>
<script type='text/javascript'>
var thumbnail_mode = "float"; /* The location of thumbnail images */
summary_noimg = 250; /* Displays the number of characters with no images */
summary_img = 250; /* Number of characters in the picture */
img_thumb_height = 100; /* high picture */
img_thumb_width = 120; /* The width of the image */
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
8. Find the code <data:post.body/> . If you have found, please replace with the following code :
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>Read More - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>Read More - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Good luck..!
