Cara Membuat Auto Read More Dua Kolom Halaman Depan Blog

Baca Juga

Cara Membuat Posting Auto Read More Dua Kolom Halaman Depan Blog.

AUTO readmore biasanya satu kolom, khas blog. Berikut ini kode dan cara memasangnya untuk menjadikan atau membuat posting auto read more halaman depan blog menjadi dua kolom.

Gambarnya sebagai berikut:

KODENYA: CSS CODES
Simpan di atas kode </head>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <style type='text/css'> .post-outer { width:50%; height:240px; /* Sesuaikan tingginya sesuka hati */ float:left; } /* Clear CSS Float */ #blog-pager, .date-header { clear:both !important; }</style> </b:if> </b:if>

Cukup copas kode dari dte di atas jika template blog Anda sudah berupa autoreadmore, lalu Save Template!

Jika blog Anda masih berupa posting penuh di halaman depan, tentu saja harus dibuat dulu auto readmorenya, sebagai berikut:

Cara Membuat Auto Read More

1. Simpan kode berikut ini di atas kode ]]></b:skin>

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

2. 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjG50XYQM_lzoweDnNTBcmU18pPAQrY6qdyypJEIKUIbbRxDzmUfeZZVfdWW_ee3nfDTM3qN7H3U0gf_rU0Bc9Rx3CoPdjtYhpVREMjlutVnBfN5If0qen1S1YWTRCGtXLOdq-f2pv4V-q/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 -->

Selesai! 
Save tempate Anda.