How to make readmore to blog. This will be my discussion on this post. is actually very easy.

Here's how to install the readmore in blogspot:

-Log in into blogger with your ID.

-Choose a Design or Layout.

-Select Edit HTML.

-Check the words "expand widget template".

-Then look for the code </ head>: to facilitate the search for press F3.

-Then enter the code below just above the </ head>

<script type='text/javascript'> thumbnail_mode var = "no-float"; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </ script>
<script type='text/javascript'>
/ / <! [CDATA [
removeHtmlTag function (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.substring strx = (0, chop-1);
strx + return '...';
}
createSummaryAndThumb function (PID) {
var div = document.getElementById (PID);
imgtag var = "";
var img = div.getElementsByTagName ("img");
var Summ = summary_noimg;
if (img.length> = 1) {
imgtag = '<span style="float:left; padding:0px 5px 10px 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>

Then find the code <data:post.body/>
Replace <data:post.body/> code with the code below:

<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:right;padding-top:20px;'>
<a expr:href='data:post.url'> <b> readmore </ b> »» </ a> </ span>
</ B: if>
<b:if cond='data:blog.pageType == "item"'> <data:post.body/>
</ B: if>

Then the Save Template.

For his readmore ...
thumbnail_mode var = "float";: The location of the thumbnail is in the "float" left or if not, please replace the "no-float";
summary_noimg = 250;: Number of characters to be displayed in the post without a picture / thumbnail;
summary_img = 250;: Number of characters to be displayed in the post with the picture / thumbnail;
img_thumb_height = 120;: High thumbnails in pixel size;
img_thumb_width = 120;: thumbnail width in pixel size;
ReadMore-: Posts ReadMore may be substituted for example with the "continue" and if you do not want to display the title behind Readmore, you can delete the code of this script.

I guess this is all I can say, may make readmore article on this blog useful for you. so and thank you.