This is an automatic post summary tips. Its not difficult to add in blogger templates. So to do summary post in your blog Just follow the instruction below:
STEP 1:
Log in to Blogger, go to Layout -> Edit HTML, and mark the Expand Widget Templates box.
Log in to Blogger, go to Layout -> Edit HTML, and mark the Expand Widget Templates box.
Now find (CTRL+F) this in the template code:
</head>
And immediately above that, paste this code:
<script type=’text/javascript’>var thumbnail_mode = "no-float" ;summary_noimg = 500; summary_img = 450; img_thumb_height = 100;img_thumb_width = 120; </script><script src=’http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/read-more_auto2.js’ type=’text/javascript’/>
You can change the numbers in blue colors , as per your wish. If a post doesn’t have images then the length of the summary will be 500.
If a post contains image, then text length will be 450, and the first image that will be displayed will have these dimensions:
width= 120, and
height= 100.
If a post contains image, then text length will be 450, and the first image that will be displayed will have these dimensions:
width= 120, and
height= 100.
STEP 2:
Now again in the template, find (CTRL+F) this:
Now again in the template, find (CTRL+F) this:
<data:post.body/>
Then REPLACE that line, with this 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 expr:id='”summary” + data:post.id’> <data:post.body/> </div>
<script type=’text/javascript’>createSummaryAndThumb(“summary<data:post.id/>”);</script> <div style=’clear: both;’/> <span class=’rmlink’ style=’float:right;padding-top:20px;’><a expr:href=’data:post.url’> Read More… <data:post.title/> </a></span></b:if></b:if>
In the place of “Read More..” You can write everything like Full Story… , Continue Reading. and so on as you like.
Be fore you save the template click on preview botton if you can see preview then save the template and enjoy happy blogging .
