How to Extend Post Summary in Minima Blogger Template?

How to Extend Post Summary in Minima Blogger Template?

2
data:blog.title
minima post summary

Blogger template use might see template with auto readmore code display only image thumbnail and summary. In most of the custom template we can increase and decrease the number of text in post  summary. But there are many template displaying only post summary with 1 or 2 lines. Specially in Minima type template you will see this. Because of for fast loading in minima template display short post summary. That means post summary with few text on Blogger home page. And there are not any option to increase text on post summary. But by using an universal auto readmore code we can easily increase the number of post summary. So I am going to share the trick here. Just follow the below steps-



short summary
Before

post snippet
After

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Click on  Now click on -> Template -> Edit HTML->

Step 3
 Now Find the code like below


<div>
   <data:post.snippet/>
   </div>
   <a class='readmore' expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'> Read More</a>

Step 4 And replace the above code by below code


<div>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script>
   </div>

Step 5 Now again find </head> and paste the below JavaScript above </head>
 
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
snippet_count = 200;
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"</div>";e.innerHTML=i}
//]]>
</script>
</b:if>
</b:if>


Customization

  • For increasing the number of character on post summary please change snippet_count = 200; to snippet_count = 300; or lesser number.
Step 6 Now hit the Save template button.

Now check your Blogger template and see extended post summary. For any further support feel free to leave a comment below.
How to Extend Post Summary in Minima Blogger Template?
4 Stars stars - "How to Extend Post Summary in Minima Blogger Template?" Blogger template use might see template with auto readmore code display only image thumbnail ...

Post a Comment

not work not read more my template :d

This code only work on Minima based template.. ^_^

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *