Cara Membuat Posting Dua Kolom

Cara Membuat Posting Dua Kolom

Cara Membuat Posting Dua Kolom
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;
}

 Sumber: http://koderator.blogspot.com