Membuat Auto Readmore Tanpa JavaScript

Aku sangat menyukai Auto Readmore tanpa JavaScript blogger karena menurutku tidak membuat blog lambat. Banyak sekali yang memberikan tutorial Auto Readmore di Google tapi kebanyakan mereka menggunakan JavaScript. Kode Auto Readmore ini pure menggunakan kode bawaan blogger. Kode Auto Readmore tanpa JavaScript ini aku dapatkan dari blog Romeltea. Oke langsung saja kita ke cara pemasangan nya.

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>
Oke sampai disini kita sudah selesai menerapkan auto readmore tanpa javasript di blog kita. Tetapi karena disini yang aku butuhkan hanya text nya saja maka aku akan menghilangkan gambar dan link Jump Break nya. Aku sarankan kalian tidak mengikuti cara ini. 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. Ini adalah pengalamanku ketika membuat template sendiri dan menerapkan auto readmore tanpa javascript di template yang aku buat. Jika kita sudah memahami fungsi dari struktur kode tersebut kita bisa memodifikasinya sesuai kemauan kita.

Sumber

  • https://blogromeltea.blogspot.com/2016/02/cara-membuat-auto-read-more-dengan.html
Blogger
November 18, 2018
0

Comments

Search

Contact Me