Replacing Post Summary on the Minima Template

Replacing Post Summary on the Minima Template
Changing Post Summary to Minima Template - A few days ago there was a blogger friend asking about how to add posts in post summary template new minima colored.

Okay, just follow the application method:

First log in to Blogger> Template> Click Edit HTML

Search and delete the code below
:

/* CSS Read More */
a.adreadmore {position:absolute;display:inline-block;bottom:20px;background:#fff;color:#666;padding:5px 10px;font-family:'Open Sans';font-size:12px;font-weight:400;border-radius:2px;border:1px solid #e9e9e9;transition:all .1s;}
a.adreadmore:hover,a.adreadmore:active {text-decoration:none;background:#f9f9f9;color:#444;}
a.adreadmore:after {content:'\f0da';font-family:Fontawesome;font-weight:normal;text-align:center;margin-left:5px;display:inline-block;line-height:10px;transition:all .1s;}

Then find the code below

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

Delete and replace the above code with this 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>

Next add the script below just before the closing tag </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 = 160;
//<![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>

Save the template.

To increase or decrease the number of posts in a post summary, please edit this code in the script above

snippet_count = 160;

The above method, you can apply to all the templates that I share here and do not rule out the possibility that you can apply to other templates.

After applying the above code, you can:
  • Save space on the main page of the blog
  • The appearance of the blog becomes more neat and interactive
  • Add an anchor link to the title keyword
And you are advised to:
  • Add a jump break to each post after the first paragraph
  • Change the blog site feed settings to prevent it from auto post blogs

So about How to Change Post Summary on Minima Template, if there are difficulties you can ask via the comments column. thank you

Post a Comment

Previous Post Next Post