Hosting Unlimited Indonesia

Cara Memasang Komentar Facebook Responsive Di Blogger

Cara Memasang Komentar Facebook Responsive di Blogger - Masih membahas seputar komentar, tutorial kedua hari ini akan menyebarkan perihal...

Mengganti Post Summary Pada Template Minima

Mengganti Post Summary Pada Template Minima Mengganti Post Summary Pada Template Minima

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 + &quot;#more&quot;' expr:title='data:post.title'> Read More </a>

Hapus dan ganti arahan di atas dengan arahan 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 sempurna sebelum tag epilog </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 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 biar mencegah dari blog auto post

Mengganti Post Summary Pada Template Minima Mengganti Post Summary Pada Template Minima

Demikian mengenai Cara Mengganti Post Summary Pada Template Minima, jikalau ada kesulitan dapat teman tanyakan lewat kolom komentar. Terima kasih

0 Response to "Mengganti Post Summary Pada Template Minima"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel