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 aba-aba 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 aba-aba 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 aba-aba di atas dengan aba-aba 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 aba-aba 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 aba-aba 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, kalau ada kesulitan dapat teman tanyakan lewat kolom komentar. Terima kasih
0 Response to "Mengganti Post Summary Pada Template Minima"
Post a Comment