Membuat Auto Readmore Fast Loading untuk Blogger

Cara Membuat Auto Readmore Fast Loading untuk Blogger

AUTO READ MORE adalah istilah bagi tampilan posting halaman depan blog berupa gambar thumbnail (diambil dari gambar pertama posting), judul, dan ringkasan atau cuplikan isi tulisan bagian awal (alinea pertama dst).

Secara manual, auto readmore bisa dibuat dengan klik menu "insert jump break" saat membuat tulisan.

Berikut ini Cara Membuat Auto Readmore Fast Loading untuk Blogger yang otomatis menjadikan tampilan halaman depan blog berupa ringkasan posting.

1. EDIT TEMPLATE
Template > Edit HTML

2. SIMPAN KODE
Simpan di atas kode ]]></b:skin>

.thumbnail-post {width:150px; height:100px; float:left; margin:0px 10px 0px 0px;}

3. GANTI KODE
Ganti <data:post.body/> yang kedua dengan kode auto readmore yang meringkas tampilan posting di halaman depan berikut ini:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.firstImageUrl'>
      <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a>
    <b:else/>
      <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' src='http://1.bp.blogspot.com/-XeZs003zT-4/UwM1mfc9l3I/AAAAAAAAAlw/TNTcFCMPH4A/s1600/no-image-thumbnail.jpg'/></a>
    </b:if>
    <div class='post-snippet'>
      <data:post.snippet/>
    </div>
    <div class='rm-button-wrap'>
      <a class='button' expr:href='data:post.url'>Read More</a>
    </div>
  </b:if>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <data:post.body/>
</b:if>

Save!