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:
Then find the code below
Delete and replace the above code with this code
Next add the script below just before the closing tag </head>
Save the template.
To increase or decrease the number of posts in a post summary, please edit this code in the script above
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:
So about How to Change Post Summary on Minima Template, if there are difficulties you can ask via the comments column. thank you
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 + "#more"' expr:title='data:post.title'> Read More </a>
Delete and replace the above code with this code
<div>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet("summary<data:post.id/>");</script>
</div>
Next add the script below just before the closing tag </head>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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
- 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