Mengganti Post Summary Pada Template Minima

4/02/2015
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



Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

2 comments

Mbak bisa ga summary nya diganti berdasarkan jumlah kata? bukan karakter

Balas

halo mbak, edit lebar menu di blog di bagian mana ya kalau lewat edit template ? thanks

Balas

Silakan tambahkan komentar sesuai dengan topik dan komentar dengan link akan dihapus, terima kasih.