Cara Membuat Posting Dua Kolom

Cara Membuat Posting Dua Kolom - Yeahhh liburan sekolah hehehe akhirnya bisa luangin waktu juga untuk membuat postingan setelah beberapa hari yang agak nyandat karena sibuk, dan kali ini saya akan menghadirkan tutorial dari Kang Taufik Nurrrohman yaitu Cara Membuat Posting Dua Kolom, mengapa judul artikel ini saya agak samakan karena saya mau mencoba SEO dari pada blog ini yah itung itung untuk mengadu seberapa SEO-kah blog ini.

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
⌦ Lainnya cari sendiri...

---

Penerapannya

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.

---

Notice

Ada tambahan nih kata Kang Taufik Nurrohman 
Beberapa elemen pembungkus posting juga terkadang memiliki kelas yang berbeda. Misalnya .wrapfullpost. Jadi jangan terlalu tergantung dengan kode di atas. Sebagai contoh, jika ternyata elemen luar posting pada template Anda berupa elemen <div class='wrapfullpost'>, maka Anda harus mengubah nama kelasnya menjadi seperti ini:

.wrapfullpost {
  width:50%;
  height:240px; /* Sesuaikan tingginya sesuka hati */
  float:left;
}

Nah cukup itu saja yang dapat saya share hari ini untuk Kang Taufik Nurrohman trimakasih banyak, semoga artikel ini bermanfaat selamat mencoba dan semoga berhasil :)