Thursday, April 2, 2015

Mengganti Post Summary Pada Template Minima

Mengganti Post Summary Pada Template Minima

Mengganti Post Summary Pada Template Minima - Beberapa hari yang lalu ada sobat blogger yang menanyakan tentang bagaimana cara menambahkan tulisan pada post summary template new minima colored.

Oke, langung saja berikut cara penerapannya :

Pertama login ke Blogger > Template > Klik Edit HTML

Cari dan hapus kode 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 kode di bawah ini

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

Hapus dan ganti kode di atas dengan kode ini

<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>

Selanjutnya tambahkan script di bawah ini tepat sebelum tag penutup </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>

Simpan template.

Untuk menambah atau mengurangi jumlah tulisan pada post summary, silakan edit kode ini pada script di atas

snippet_count = 160;

Cara di atas bisa sobat terapkan pada semua template yang Saya bagikan disini dan tidak menutup kemungkinan bisa sobat terapkan juga pada template lainnya.

Setelah menerapkan kode di atas sobat bisa :

  • Menghemat ruang pada tampilan halaman utama blog
  • Tampilan blog menjadi lebih rapi dan interaktif
  • Menambah link anchor terhadap keyword judul

Dan disarankan sobat untuk :

  • Menambahkan jump break pada setiap postingan setelah paragraf pertama
  • Mengubah setelan umpan situs blog agar mencegah dari blog auto post

Mengganti Post Summary Pada Template Minima

Demikian mengenai Cara Mengganti Post Summary Pada Template Minima, jika ada kesulitan bisa sobat tanyakan lewat kolom komentar. Terima kasih