Read More SCRIPT Update 2010

Applying auto read more

Here we go:

1. Login to your Blogger account.
2. Go to Dashboard > Design > Edit HTML.
3. Back-up your TEMPLATE if you are hesitating of this code.
4. Check the Expand Widget Templates check box on top right of the HTML window.
5. In the code window, look for line..... **/head@
6. Add the Read More code below right after that line.

note: don`t forget to change this sign @ to this > and ** to this <




**!-- Auto read more script Start --@
**script type='text/javascript'@
var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail
summary_noimg = 430; //summary length when no image
summary_img = 340; //summary length when with image
img_thumb_height = 200;
img_thumb_width = 200;
**/script@
**script type="'text/javascript'"@
//function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;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(thumbnail_mode == "yes") {
if(img.length>=1) {
imgtag = '**span style="float:left; padding:0px 10px 5px 0px;">**/span@';
summ = summary_img;
}
}
var summary = imgtag + '**div@' + removeHtmlTag(div.innerHTML,summ) + '**/div@';
div.innerHTML = summary;
}
//]]>
**/script@
**!-- Auto read more script End --@



8. After that, find this line: **data:post.body/@
9. Replace the line with this code:


note: don`t forget to change this sign @ to this > and ** to this <


**!-- Auto read more Start --@
**!-- http://bloggerroots.blogspot.com --@

**b:if cond='data:blog.pageType == "item"'@

**data:post.body/@
**b:else/@
**b:if cond="'data:blog.pageType"@
**data:post.body/@
**b:else/@
**div id="'"summary"">@
**script type="'text/javascript'"@ createSummaryAndThumb("summary");
**/script@
**a class="'more'" href="'data:post.url'">Read more ...@
**/b:if@
****/b:if@
**!-- Auto read more End --@


note: don`t forget to change this sign @ to this > and ** to this <
10. Click Preview. If it works, then click Save Template.