cara membuat tampilan 2 kolom pada postingan di blog

  Hei guys 748 :D , kali ini saya akan share tentang cara membuat tampilan 2 kolom pada postingan di blog cekidooott!!

 

Kelebihan:

• Dapat memuat postingan lebih banyak dalam home page
• Membuat tampilan blog lebih rame
• Serta memudahkan pencarian karena sudah tampil pada home page

Kekurangan:

• Lambatnya loding blog jika thumbnail pada read more terlalu besar
• Ketidakrataan deskripsi blog
• dan lain nya (cari sendiri, hehe)

Oke langsung aja sob, tutorialnya

Jangan lupa sebelum mencoba tutorial ini, simpan backup templatenya dulu, untuk menghindari hal hal yang tidak diinginkan

Salin semua kode dibawah ini diatas 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,
h2.date-header {
clear:both !important;
}
</style>
</b:if>
</b:if>

Kemudian klik Simpan Template