Cara Membuat Auto Read More Halaman Depan Blog
Cara Membuat Auto Read More Halaman Depan Blog - Ringkasan plus Gambar Thumbnail.

JIKA Anda menggunakan template bawaan Blogger, maka tampilan posting atau tulisan di halaman depan akan utuh.

Kita bisa meringkasnya melalui menu "Insert jump break" saat menulis posting.

Namun, cara manual klik jump break cukup merepotkan dan membuat tampilan tidak rapi.

Maka, gunakan cara membuat Auto Readmore berikut ini.

Dengan memasang kode-kode di bawah ini, tampilan blog yang menggunakan template bawaan blogger akan menjadi berupa judul, gambar thumbnail, dan ringkasan yang diambil dari alinea pertama postingan blog.

Cara Membuat Auto Read More Halaman Depan Blog

1. Tema > Edit HTML

2. Copas kode berikut ini di atas kode ]]></b:skin>

.thumbnail-post {width:100px !important; height:80px !important;float:left;margin:0px 15px 5px 0px;}

3. Hapus dan ganti kode <data:post.body/> yang kedua dengan kode berikut ini:

<!-- Auto Read More start -->
<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:alt='data:post.title' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a>
    <b:else/>
      <a expr:href='data:post.url'><img class='thumbnail-post'
expr:alt='data:post.title' expr:title='data:post.title' src='https://lh3.googleusercontent.com/-qJ5VVlQsLfY/VOBUcH3BV_I/AAAAAAAAGsA/MkUD8LKAhTE/s220-Ic42/noimage.png'/></a>
    </b:if>
    <div class='post-snippet'>
      <data:post.snippet/>
    </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>
<!-- Auto Read More end -->

Save! Simpan template!

Demikian Cara Membuat Auto Read More Halaman Depan Blog - Ringkasan plus Gambar.*