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:
- Please login to blogger first
- Click Layout.
- Then click Edit HTML.
- Put the following code right above the code </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; 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> |
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-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:
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 == "item"'><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
* 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
 |
 |
