Meringkas halaman depan tema bawaan blogger simple bold

Cara ini saya tujukan bagi pengguna tema simple bold, tema simple bold merupakan tema bawaan blogger versi lama dan belum responsive serta halaman depan yang belum diringkas.

Meringkas halaman depan blog bermanfaat agar halaman depan blog terlihat rapi dan loading halaman pun akan terasa cepat walaupun di halaman depan terdapat lebih dari 5 postingan.

Tips:
Untuk mempermudah pencarian kode, gunakan CTRL+F jika anda menggunakan komputer.

Meringkas halaman depan tema simple bold

1. Login di blogger.com.
2. Klik Tema, Edit HTML.
3. Letakkan kode berikut ini diatas kode </head>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style>
.thumb img {float: left;margin: 0 20px 5px 0;width: 110px;height: 110px;box-shadow:0;border:0;padding:0;background:#fff}
h2.post-title {font-size: 18px;margin-bottom: 8px;}
.post-body {font-size: 97%;line-height:1.3;position: relative;}
.post-footer {display:none}
.post {margin: 0 0 15px 0;border-bottom: 1px solid #f1f1f1;padding-bottom: 15px;}
</style>
</b:if>
</b:if>

4. Berikutnya, cari dan hapus kode <data:post.body/>
Biasanya kode tersebut ada 2, silahkan hapus kode yang kedua, berikutnya anda ganti dengan kode berikut ini

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
<a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h2>
</b:if>
</b:if>
</b:if>
<data:post.snippet/>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
</b:if>

6. Terakhir anda klik Simpan.

Demikianlah cara meringkas halaman depan blog pada tema simple bold, mungkin cara ini bekerja di tema-tema lama bawaan blogger lainnya, semoga bermanfaat.