Mengganti Post Summary Pada Template Minima - Beberapa hari yang kemudian ada sahabat blogger yang menanyakan perihal bagaimana cara menambahkan goresan pena pada post summary template new minima colored.
Oke, langung saja berikut cara penerapannya :
Pertama login ke Blogger > Template > Klik Edit HTML
Cari dan hapus isyarat di bawah ini :
/* 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;}Kemudian cari isyarat di bawah ini
<div> <data:post.snippet/> </div> <a class='adreadmore' expr:href='data:post.url + "#more"' expr:title='data:post.title'> Read More </a>Hapus dan ganti isyarat di atas dengan isyarat ini
<div> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSnippet("summary<data:post.id/>");</script> </div>Selanjutnya tambahkan script di bawah ini sempurna sebelum tag epilog </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>Simpan template.
Untuk menambah atau mengurangi jumlah goresan pena pada post summary, silakan edit isyarat ini pada script di atas
snippet_count = 160;Cara di atas dapat sahabat terapkan pada semua template yang Saya bagikan disini dan tidak menutup kemungkinan dapat sahabat terapkan juga pada template lainnya.
Setelah menerapkan isyarat di atas sahabat dapat :
- Menghemat ruang pada tampilan halaman utama blog
- Tampilan blog menjadi lebih rapi dan interaktif
- Menambah link anchor terhadap keyword judul
Dan disarankan sahabat untuk :
- Menambahkan jump break pada setiap postingan sehabis paragraf pertama
- Mengubah setelan umpan situs blog biar mencegah dari blog auto post
Demikian mengenai Cara Mengganti Post Summary Pada Template Minima, jikalau ada kesulitan dapat sahabat tanyakan lewat kolom komentar. Terima kasih