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

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.*

2 Responses to "Cara Membuat Auto Read More Halaman Depan Blog - Ringkasan plus Gambar"

  1. gagal kang ah.. judul postingannya jadi di atas gambar.. lagi cari yang di samping gambar nih

    ReplyDelete
  2. ad yg auto readmore grid ga gan

    ReplyDelete

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel