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

December 12, 2017
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.*

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

Related Posts

Next Article
« Prev Post
Previous Article
Next Post »
Your Comments

2 komentar

Tulis komentar
Mirna Andro
AUTHOR
January 12, 2018 delete

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

Reply
avatar
Rajib Daiki
AUTHOR
February 02, 2018 delete

ad yg auto readmore grid ga gan

Reply
avatar

No SPAM, Please...!