How To Install Automatic Readmore

To read more of this automatically, it takes a javascript code that can actually save yourself mate in the usual place pal store files online. But this time the script read more laid directly on a template without using the host to prevent errror while hosting that we use to store the script code it is down.

Create a new blogger, like me, I recommend using any automatic read more read more than usual. Because of course my friend would not bother dividing the two posts mate with the code manually., which I previously did was a bit complicated at the time of posting artkel or even writing this ... when I use the auto-... read more

Let me quickly go directly to his topic

The following steps - read more step in making automatically:

1. Please login to blogger first
2. Click Layout.
3. Then click Edit HTML.
4. Put the following code right above the code </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 450; summary_img = 360; img_thumb_height = 120; img_thumb_width = 150; </script>     <script type='text/javascript'>     //<![CDATA[     /******************************************     Auto-readmore link script, version 2.0 (for blogspot)     (C)2008 by Anhvo     visit http://en.vietwebguide.com to get more cool hacks     ********************************************/     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>

Attentiont !!!!!!!!!!!

     5.  For read more've used older versions (manual), should return the first mate code as before. Delete the code that I marked in blue below, adjust to your template, because each template is different .

<div class='post-header-line-1'/> <div class='post-body'> <b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/></p> <a expr:href='data:post.url'>Readmore</a> </b:if> <div style='clear: both;'/>

So now there is only one  <data:post.body/>

     6. Then delete the code:

<data:post.body/> atau <p><data:post.body/></p>

7.  Replace that code 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 == &quot;item&quot;'><data:post.body/></b:if>

    8. Then Save Template.

Description:

     * summary_noimg = 450 -> to higher posts without pictures.
     * summary_img = 360 -> for the high post with pictures.
     * img_thumb_height = 120 -> image height.
     * img_thumb_width = 150 -> width of image.
     * Read More ... -> could replace it with a writing buddy Read More / Read more / or what my friend wanted