How To Make Auto Readmore

Nowadays a lot of blog templates that provide auto readmore on his part template. But what if you use a template that does not exist or does not support auto readmore?

Of course you have to install or manually setting the auto readmore which is served by the facility blogger.com posting. But that would lead to its own negligence or hassles for you who often want to create a new article on your blog, because most likely you forgot to install the auto readmore manually at each time post.

Therefore, here I will give you a way how to install auto readmore to blog template. So you no longer need to bother setting readmore manually each time you create a new article.

Here are the ways:
1. Please log into your blog dashboard
2. Select Design, then select Edit HTML and do not forget to check Expand Widget Templates

3. Then look for the code </head> and paste the script below just after the code </head> is.

<!-- Auto read more script -http://indopal.blogspot.com- Start --> <script type='text/javascript'> var thumbnail_mode = "yes"; summary_noimg = 430; summary_img = 340; img_thumb_height = 150; img_thumb_width = 150; </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(thumbnail_mode == "yes") { 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> <!-- Auto read more script -http://indopal.blogspot.com- End -->


4. Then find this code <data:post.body/> and replace with the following code

<b:if cond='data:blog.pageType == "item"'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> <b:else/> <div style='text-align:justify;' expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>"); </script> <a class='more' expr:href='data:post.url'><img border='0' src='http://img813.imageshack.us/img813/1069/12miniallblogtools.jpg'/></a> </b:if> </b:if>


5. After all the steps done then save your template, and you already have your own auto readmore

Good luck

Get Free Updates: *Please click on the confirmation link sent in your Spam folder of Email*

Share on :

Tweet