Home » » Cara Membuat Posting Dua Kolom di Blog

Cara Membuat Posting Dua Kolom di Blog




.com/-DiuFvJo7AUE/T-lsRS0VnhI/AAAAAAAAAVw/nf6OdVBJFYY/
    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.

    **Catatan

Ada tambahan:
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 trimakasih banyak, semoga artikel ini bermanfaat selamat mencoba dan semoga berhasil :)
Share this article :

Post a Comment

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( :-q =))

 
Support : Creating Website | ZaOO Template | ZaOO | ZaOO Chat | ZaOO Tips dan trik | ZaOO Berita | ZaOO Unduh
Copyright © 2010. ZaOO™ - All Rights Reserved
Template Modify by Creating Website Inspired Google
Proudly powered by Blogger