Mengganti Post Summary Pada Template Minima - Beberapa hari yang kemudian ada teman blogger yang menanyakan wacana 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 arahan 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 arahan 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 arahan di atas dengan arahan 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 arahan ini pada script di atas
snippet_count = 160;
Cara di atas dapat teman terapkan pada semua template yang Saya bagikan disini dan tidak menutup kemungkinan dapat teman terapkan juga pada template lainnya.
Setelah menerapkan arahan di atas teman dapat :
- Menghemat ruang pada tampilan halaman utama blog
- Tampilan blog menjadi lebih rapi dan interaktif
- Menambah link anchor terhadap keyword judul
Dan disarankan teman untuk :
- Menambahkan jump break pada setiap postingan sesudah paragraf pertama
- Mengubah setelan umpan situs blog semoga mencegah dari blog auto post
Demikian mengenai Cara Mengganti Post Summary Pada Template Minima, jikalau ada kesulitan dapat teman tanyakan lewat kolom komentar. Terima kasih
Post a Comment
Post a Comment