Cara Membuat tampilan 2 Kolom pada Postingan Blog

Diposting oleh feri muhibudin pada Selasa, 25 Desember 2012


lagi liburan sekolah nih sob, bagaimana liburan mu? disini saya akan memberikan tutorial cara membuat 2 kolom pada postingan blog, ini bisa membuat blog menjadi lebih elegan dan professional
Berikut kelebihan dan kekurangan membuat 2 kolom pada postingan blog:

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

Artikel Yang Mungkin Anda Suka:

{ 2 komentar... read them below or add one }

hendik mengatakan...

gan punya ane ko berantakan ya, tu cara ngaturnya gmn ? thanks

Maha Putra Rusydinal mengatakan...

tapi cukup keren kok sob, walaupun berantakkan, kan sudah dijelaskan kekurangannya hheehe.

Posting Komentar

Jangan lupa komentar ya...