Membuat Auto Readmore Tanpa JavaScript
Sunday, November 18, 20180 Comments
Membuat Auto Readmore Tanpa JavaScript

Membuat Auto Readmore Tanpa JavaScript

  • Eka Awaludin

  • A dreamer who trying to loves writing and blogwalking. Man of nature. The wrong man in the wrong time. Going with the flow. Penggemar CSS dan HTML.
Satu lagi trik yang aku dapatkan untuk mempercatik tampilan blog ini yaitu fitur Auto Readmore tanpa JavaScript. Trik ini aku dapatkan dari blognya Blog Rometea.

Pemasangan.

Cari kode di bawah ini.
<data:post.body/>
Ganti dengan kode di bawah ini.
<b:if cond='data:blog.pageType != "item"'>
 <b:if cond='data:blog.pageType != "static_page"'>
  <div>
   <b:if cond='data:post.thumbnailUrl'>
    <img class='post-image' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
   </b:if>
   <data:post.snippet/>
  </div>
  <div class='jump-link'>
   <a expr:href='data:post.url' expr:title='data:post.title'>
    <data:post.jumpText/>
   </a>
  </div>
  <b:else/>
  <data:post.body/>
 </b:if>
 <b:else/>
 <data:post.body/>
</b:if>
Untuk menghilangkan thumbnail image dan jump break link nya hilangkan kode berikut ini.
<b:if cond='data:post.thumbnailUrl'>
 <img class='post-image' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>

Dan

<div class='jump-link'>
 <a expr:href='data:post.url' expr:title='data:post.title'>
  <data:post.jumpText/>
 </a>
</div>
Nanti tampilannya akan seperti gambar di bawah ini.
Auto readmore tanpa thumbnail dan jump break
Simpan template.

Referensi
  • https://blogromeltea.blogspot.com/2016/02/cara-membuat-auto-read-more-dengan.html
No comments :

Post a Comment