Home » » Cara Membuat Dua Kolom Posting Homepage Blogspot

Cara Membuat Dua Kolom Posting Homepage Blogspot

Cara Membuat Dua Kolom Posting Homepage Blogspot  ini sebenarnya sudah ada di mesin pencari Google namun sedikit ada tambahan yang perlu saya benahi dari beberapa artikel tentang cara membuat dua kolom posting homepage blogspot agar lebih baik lagi. Berikut gambar dari hasil cara membuat dua kolom posting homepage blogspot yang telah saya buat di blog saya sendiri
 
 
 
 
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 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   semoga artikel ini bermanfaat selamat mencoba dan semoga berhasil teman.?

Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot Ebook Dan Game Dll

Christian angkouw Sobat sedang membaca artikel tentang Cara Membuat Dua Kolom Posting Homepage Blogspot. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

No comments:

Post a Comment